Discussion :

[toufou]

Bonjour,
Je débute avec JQuery, et suis confronté à un premier problème.

Ma page principale est composée de plusieurs DIV, et j'aimerai qu'au chargement de ma page, les div, qui sont cachées (via la propriété visibilty:hide en css) apparaissent les unes après les autres.

Pour l'instant j'utilise le code suivant (placé dans le header), mais les actions n'attendent pas que la précédente soit terminée, donc toutes les div apparaissent en même temps.

Comment puis-je faire?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
 $(document).ready(function(){
 $("#club").fadeIn("slow").css('visibility', 'visible');
 $("#sondages").fadeIn("slow").css('visibility', 'visible');
 $("#agenda").fadeIn("slow").css('visibility', 'visible');
 $("#forum").fadeIn("slow").css('visibility', 'visible');
 $("#pub").fadeIn("slow").css('visibility', 'visible');
 $("#menu").fadeIn("slow").css('visibility', 'visible');
 $("#logo").fadeIn("slow").css('visibility', 'visible');
 $("#articles_cellule").slideDown("slow").css('visibility', 'visible');
 $("#form_cellule").fadeIn("slow").css('visibility', 'visible');
 
 });
</script>

J'en profite avec une deuxième question, comment dois-je faire pour mettre ce code dans un fichier js? un copier coller suffit?

Merci pour vos aides,
Toufou

[toufou]

C'est encore moi
J'ai trouvé la soluce!

En fait, la fonction fadein prend 2 parametres, un pour la tempo et un deuxième pour une fonction à éxécuter à la fin de celle-ci...

Je l'avais vu et avais essayé mais avas mal ecrit la fonction.

Bref, en parcourant le forum je suis tombé sur des cas similaires ou le deuxième paramètre était bien ecrit.

Plus qu'à appliquer ce qui dans mon cas donne (on sait jamais ca peut servir à d'autres..):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#club").fadeIn("slow",function(){$("#sondages").fadeIn("slow",function(){$("#agenda").fadeIn("slow",function(){$("#forum").fadeIn("slow",function(){$("#pub").fadeIn("slow",function(){$("#menu").fadeIn("slow",function(){$("#logo").fadeIn("slow",function(){$("#articles_cellule").slideDown("slow",function(){$("#form_cellule").fadeIn("slow",function(){}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');}).css('visibility', 'visible');

Bonne journée,
TouFou