débutant, je dois transmettre une variable issue d'un this

Version imprimable

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:

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

Bonjour,

Essaye ça :

Code:

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

08/06/2010, 15h41
bastouneco

non ça ne marche pas mieux.
11/06/2010, 00h11
danielhagnoul
Bonsoir.
Code:

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'.
11/06/2010, 20h03
SpaceFrog

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

Citation:
Envoyé par danielhagnoul
Bonsoir.
Code:

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:

<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:

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 ...