[AJAX] Recuperer la largeur d'une div

Coucou :king:

Code:

---

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:

---

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.

Bon j'ai trouvé :yaisse2:

il fallait declarer width et height avant .ajaxStart()

Code:

---

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>"); });

---