Discussion :

[hmartin1414]

Bonsoir a tous, voila je me prend la tête sur un problème de contexte d'exécution d'une fonction dont voila un résumé :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script language="javascript" type="text/javascript" >
	function init(){
		val = "start value";
		link = document.getElementById("lien");
		link.onmouseover = function(){
			alert(val);		
		}
		val = "end value";
	}
</script>

Bon le problème c'est que quand onmouseover est dispatché val vaut "end value" mais moi je voudrais 'start value'. J'ai déjà résolu ce genre de problème par le passé mais impossible de retrouver comment. Je pensais que c'était avec this mais si je fais par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript" type="text/javascript" >
	function init(){
		val = "start value";
		link = document.getElementById("lien");
                link.val =val;
		link.onmouseover = function(){
			alert(this.val);		
		}
		val = "end value";
	}
</script>

Je me retrouve avec un undefined.... J'ai également essayé de forcer l'évaluation en faisant

Code :

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

alert(' '+val);

mais sans résultat.
D'avance merci si vous avez une piste car la je m'arrache les cheveux.

[bigboomshakala]

bonjour,

il faut déclarer les variables

Code :

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

1
2
3
4
5
6
7
8
9
10
<script language="javascript" type="text/javascript" >
	function init(){
		var val = "start value";
		var link = document.getElementById("lien");
		link.onmouseover = function(){
			alert(val);		
		}
		var val = "end value";
	}
</script>

[javatwister]

oui, et j'aurais même déclaré val avant init();

[SpaceFrog]

j'aurais même évité de déclarer la variable deux fois ...

[hmartin1414]

Alors j'ai essayé de faire comme vous m'avez dit en déclarant les variables:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript" type="text/javascript" >
	var val = "start value";
	function init(){
 
		var link = document.getElementById("lien");
		link.onmouseover = function(){
			alert(val);		
		}
		var val = "end value";
	}
</script>

Mais toujours le même problème en fait je n'obtiens pas "start value" parcque au moment ou je survole le lien val vaut "end value".

Je vais expliquer mieux mon but, j'ai des miniatures sur ma pages d'accueil et au survol je veux changer la source de l'image, mais j'ai également un menu avec lequel je veux faire pareil au survol des items il doit avoir la même action que le survol d'une miniature donc changer la source de l'image. Et voila comment je fais:

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
29
30
31
32
33
34
35
36
37
38
<script language="JavaScript" type="text/javascript">
 
	function init(){
		addActions();
 
	}
 
	function addActions(){
		var containerRight = document.getElementById("containerRight");
		var menu = document.getElementById("menu");
		var links = containerRight.getElementsByTagName("a");	
 
		for(i=0;i<links.length;i++){
			var img = links.item(i).firstChild;
			img.onmouseover = function(){
				overMin(this);	
			}
			img.onmouseout = function(){
				outMin(this);	
			}
                        menu.item(i).onmouseover = function(){
				overMin(img);	
			}
                        menu.item(i).onmouseout = function(){
				outMin(img);	
			}
		}
	}
 
	function overMin(img){
		img.src = "img/vignetteOver.png";
	}
 
	function outMin(img){
		img.src = "img/vignette.png";
	}
 
</script>

Bon ce code marche pour les miniatures mais pas pour les liens car img au moment du mouseover ou mouseout désigne la dernière image.

Voici mon code HTML associé:

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
        <ul id="menu">
            	<li><a href="#cat0">Cat0</a></li>
               	<li><a href="#cat1">Cat1</a></li>
            	<li><a href="#cat2">Cat2</a></li>
            	<li><a href="#cat3">Cat3</a></li>
            	<li><a href="#cat4">Cat4</a></li>                                                
            </ul>
        </div>
 
         	<div id="containerRight">
                    <a href="#cat0" ><img class="min" src="banner/vignette.png" /></a>
                    <a href="#cat1"><img  class="min" src="banner/vignette.png" /></a>
                    <a href="#cat2"><img class="min" src="banner/vignette.png" /></a>
                    <a href="#cat3"><img class="min" src="banner/vignette.png" /></a>
            	</div>

Merci pour vos suggestions.

[andry.aime]

Bonjour,
Parceque tu redeclares la variable val.

Code :

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

1
2
3
4
5
6
7
8
9
var val = "start value";
	function init(){
 
		var link = document.getElementById("lien");
		link.onmouseover = function(){
			alert(val);		
		}
		val = "end value";
	}