Discussion :

[bastouneco]

Bonjour,

Je souhaite executer une série d'action à la fin d'un slideup.

Le problème est que je dois transmettre une variable issu d'un this.

C'est pas très clair, c'est parce que je suis débutant ...


Voici ma fonction :

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
18
19
20
21
22
23
24
25
26
27
$(document).ready(function(){
 
	$("#Blog").hide();
	$("#CV").hide();
	$("#PortFolio").hide();
	$("#Contact").hide();
 
   $("#menu a").click(function(){
 
           var id = $(this).html();
 
			$("#content-container").slideUp("slow", function(){
 
			$("#Accueil").hide();
			$("#Blog").hide();
			$("#CV").hide();
			$("#PortFolio").hide();
			$("#Contact").hide();
 
			id = "#" + id;
			$(id).show();	
 
			$("#content-container").slideDown("slow");	
 
			});
    });
 });

Merci d'avance

[NainPuissant]

Bonjour,

Essaye ça :

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
18
19
20
21
22
23
24
25
26
27
28
 
 
$(document).ready(function(){
 
	$("#Blog").hide();
	$("#CV").hide();
	$("#PortFolio").hide();
	$("#Contact").hide();
 
   $("#menu a").click(function(){
 
           var id = $(this);
 
			$("#content-container").slideUp("slow", function(){
 
			$("#Accueil").hide();
			$("#Blog").hide();
			$("#CV").hide();
			$("#PortFolio").hide();
			$("#Contact").hide();
 
			id.show();	
 
			$("#content-container").slideDown("slow");	
 
			});
    });
 });

[bastouneco]

non ça ne marche pas mieux.

[danielhagnoul]

Bonsoir.

Code :

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

1
2
3
$("#menu a").click(function(){
 
           var id = $(this).html();

Si le lien <a> possède un id alors, il suffit de this.id

Sinon il serait judicieux de nous communiquer le contenu de l'élément DOM d'id='menu'.

[SpaceFrog]

c'est pas risqué une variable nommée id ?

[bastouneco]

Bonsoir.

Code :

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

1
2
3
$("#menu a").click(function(){
 
           var id = $(this).html();

Si le lien <a> possède un id alors, il suffit de this.id

Sinon il serait judicieux de nous communiquer le contenu de l'élément DOM d'id='menu'.

Bonjour,

Le lien a n'a pas d'id.

Menu est un <div>, en fait l'action doit être réalisé lorsque l'on clique sur un lien du menu. On récupère le nom du lien : ex :

Code :

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

<a href="#" >Accueil</a>

On récupère accueil, on le transforme en #accueil et on ferme toutes les div et on ouvre celle ci.

J'ai trouvé une solution en changeant simplement l'ordre des commandes :

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
18
19
20
21
22
23
24
25
26
$(document).ready(function(){
 
	$("#Blog").hide();
	$("#CV").hide();
	$("#PortFolio").hide();
	$("#Contact").hide();
 
   $("#menu a").click(function(){
 
			var id = $(this).html();
			id = "#" + id;
 
			$("#content-container").slideUp("slow",function(){
 
			$("#Accueil").hide();
			$("#Blog").hide();
			$("#CV").hide();
			$("#PortFolio").hide();
			$("#Contact").hide();
 
			$(id).show();	
 
			$("#content-container").slideDown("slow");	
			});
    });
 });

PS : désolé pour le titre du sujet ...