IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] Recuperer la largeur d'une div


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 124
    Par défaut [AJAX] Recuperer la largeur d'une div
    Coucou

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <script type="text/javascript" src="script.js">
    <div id="content">
      <div id="myvideos">Le contenu dynamique</div>
    </div>
    Je souhaite afficher une image d'attente lorsqu'une requête Ajax débute.
    Pour cela, je stocke dans 2 variables les valeurs de width et height de la div dynamique #myvideos.
    Ensuite, je vide la div #content, et insère une div #ajax-loader avec un attribut style contenant width et height.

    j'utilise Jquery, voici mon fichier script.js :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
      $("#content").ajaxStart( function() {
        largeur = $("div #myvideos").width();
        hauteur = $("div #myvideos").height()
     
        $(this).empty().append("<div id=\"ajax-loader\" style=\"width:"+largeur+"px; height:"+hauteur+"px;\"><img src=\"images/ajax-loader.gif\"></div>"); 
        });
    Ca marche au 1er chargement.
    Mais au 2eme chargement, largeur et hauteur deviennent NULL.

    Est ce que c'est juste une question de logique et d'ordre des instructions ? je n'arrive à trouver la solution.

    merci d'avance.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 124
    Par défaut
    Bon j'ai trouvé

    il fallait declarer width et height avant .ajaxStart()

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
     
        largeur = $("div #myvideos").width();
        hauteur = $("div #myvideos").height();
     
    $("#content").ajaxStart( function() {
     
        $(this).empty().append("<div id=\"ajax-loader\" style=\"width:"+largeur+"px; height:"+hauteur+"px;\"><img src=\"images/ajax-loader.gif\"></div>"); 
        });

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 14
    Dernier message: 12/02/2014, 09h05
  2. Recuperer le contenu d'une div
    Par Sawyer4 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/07/2007, 21h02
  3. Recuperer la largeur d'une div
    Par Sourrisseau dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 22/03/2007, 06h41
  4. Recuperer la hauteur d'une DIV
    Par rol666 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/08/2005, 14h01
  5. [casse-tete (pour moi)] recuperer la largeur d'un <div>
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2004, 07h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo