Discussion :

[Balthazar117]

Bonjour, je débute en javascript/jquery et je me pose une question toute bête. Voilà mon code :

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(){
	var selected = "sl_1";
	$(".sl_2").addClass("unselected");
	$(".sl_3").addClass("unselected");
 
	$(".sl_bloc_g div").click(
		function (){
			$(".sl_bloc_g div").addClass("unselected");
			$(this).removeClass("unselected");
			var selected = $(this).attr('class');
			return selected;
		}
	);
 
	$(".sl_bloc_g div").hover(
		function (){
			$(this).removeClass("unselected");
		},
		function (){
			if(selected != $(this).attr('class')){
				$(this).addClass("unselected");
			}
		}
	);
}
);

Je me demandais comment récupérer une variable, d'une fonction à une autre ? Ici ma variable "selected" n'est pas écrasée lors de mon click et je récupère donc ma valeur "sl_1" lors d'un hover après un clic.

[SpaceFrog]

première remarque il est très maladroit d'utiliser un nom de variable comme "selected"

[Bovino]

+1 Spaffy

D'autre part :

Code :

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

1
2
3
$(document).ready(function(){
	var selected = "sl_1";
        ...

puis

Code :

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

1
2
3
4
5
6
$(".sl_bloc_g div").click(
		function (){
			$(".sl_bloc_g div").addClass("unselected");
			$(this).removeClass("unselected");
			var selected = $(this).attr('class');
			return selected;

D'une part, les deux variables "selected" ne sont pas les mêmes (chacune correspondant au scope de sa fonction et la seconde empêchant donc d'accéder à la première.
D'autre part, le return renvoie à la fonction anonyme générée par click() et ne sert donc à rien.