Discussion :

[supertino7]

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.

[supertino7]

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