variable globale en javascript

Version imprimable

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
29
30
31
<script language="JavaScript">
var c;
function Over(img) {
 
document.images["diapo"].src=img.src;
 c="1";
}
 
function Out(img) {
 document.images["diapo"].src="images/molucule.jpg"
}
function afficher(obj){
var id = obj.id;
var idsous="sous"+id;
document.getElementById(idsous).style.display = "block";
 
}
function choix()
{
var text="";
 
switch (c)
{
case '1':text="choix1";
default:text="n'est pas evalue";
} 
 
 
return text;
}
</script>

le pb c'est que la var C ne prend pas sa valeur "1"
code html:(appelle des fonction)

Code:

1
2
3
4
5
6
7
8
9
10
 
<img  src="images/girl.jpg" width="100" height="100" onMouseOver="Over(this)" >
....
<div class="sousmenu" id="sousmenu" style="display:none"  >
<SCRIPT LANGUAGE="JavaScript">
document.write("<p>"+choix()+"</p>")
 
</SCRIPT>
 
</div>

merci :lol:

24/08/2008, 18h02
_Mac_
Si, c prend la valeur "1" mais tu ne l'affiches pas de la bonne façon. Il ne faut pas oublier qu'une fois la page HTML chargée, le code JavaScript est exécuté linéairement. Dans ton cas :
1. tu déclares la variable c sans affecter de valeur
2. Tu déclares des fonctions dont une qui change la valeur de c, mais ces fonctions ne sont pas appelées pour le moment
3. Tu affiches une image pour laquelle tu dis que si on met la souris dessus, la fonction Over est appelée
4. Tu affiches un DIV
5. Tu appelles la fonction choix() qui affiche la variable c : undefined car pour le moment, tu n'as jamais affecté de valeur à c
6. Tu mets ta souris sur l'image : Over est appelée et c prend la valeur "1", mais ça s'arrête là car l'affichage de c a déjà été fait et tu ne demandes pas à le refaire.
Faut donc que tu changes ta façon de faire.
24/08/2008, 21h52
mysystm

merci d'avoir repondu :D
je vais essayer autre chose
NOte:
j'essaye de faire un diaporama:
a chaque image on associe une texte
mereci encore une fois :D
24/08/2008, 23h12
Auteur
il y a une erreur dans le switch :
Code:

1 2 3 4 5 6 7 8 9 switch (c) { case '1': text="choix1"; break; default: text="n'est pas evalue"; }
sans le break, le code continue son exécution. Donc dans un premier temps text prend bien la valeur "choix1", mais comme il n'y a pas d'instruction d'arrêt (break), text prend ensuite la valeur "n'est pas evalue".
25/08/2008, 03h32
mysystm

thank's Auteurmais ca pas marche.
25/08/2008, 09h35
_Mac_

Citation:

Envoyé par mysystm

je vais essayer autre chose

Et quoi d'autre as-tu essayé ?
25/08/2008, 09h47
le_chomeur

Citation:

Envoyé par mysystm

thank's Auteurmais ca pas marche.

pas très éloquent non plus comme réponse ^^ d'ou provient l'erreur ?

enfin c'est resolu a l'aide de SpaceFrog

Code:

1
2
3
4
5
6
7
function afficher(obj){
var id = obj.id;
var idsous="sous"+id;
document.getElementById("sousmenu").getElementsByTagName('p')[0].innerHTML=choix();
document.getElementById(idsous).style.display = "block";

}

Code:

1
2
3
<div  class="sousmenu" id="sousmenu" style="display:none"  >
<p>  </p>
</div>