Coucou
Je souhaite afficher une image d'attente lorsqu'une requête Ajax débute.
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>
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 :
Ca marche au 1er chargement.
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>"); });
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.
Partager