Fonction javascript onload

Version imprimable

bonjour! qu'est qui va pas dans mon code? :roll: ma fonction a un probl�me il n'affiche pas l'image et je sais pas pourquoi est ce que vous pouviez m'aidez????

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
window.onload = function() { chargerEntree(); changeImage(); };
valueToImage= {
choisir:"../images/vide.jpg",
salade : "../images/salade.jpg",
escargot : "../images/escargot.jpg",
};
 
function chargerEntree(){
var entree = document.getElementById("entree");
entree.options[0]=new Option("choisir",00);
entree.options[1]=new Option("Salade",5.95);
entree.options[2]=new Option("Escargot",4.95);
//var repas = document.getElementById("repas");
//repas.options[0]=new Option("choisir",00);
//repas.options[1]=new Option("spaghetti",5.95);
//repas.options[2]=new Option("lasagne",4.95);
};
function changeImage(select){
  var valeur = select.options[select.selectedIndex].text;
 var prix =  select.options[select.selectedIndex].value; 
  document.getElementById("entree_img").src = valueToImage[valeur];
    document.getElementById("entree_num").innerHTML = " " + prix;
}

voici l�appel du select en HTML

Code:

1
2
3
4
5
6
7
8
9
<body onLoad="chargerEntree(); changeImage();">
<form>
Entree
<select id="entree" name="entree" onChange="changeImage(this)">
 
</select>
<img src="" id="entree_img"/>
 <div id="entree_prix"></div>
</form>

aussi j'aimerai savoir si je peux utilis� une boucle for pour afficher mon image et le prix apr�s et avant les taxes
si vous avez des liens utiles �a me ferais plaisir de les voir merci

21/02/2014, 08h32
Bovino

Peut-�tre le fait que tu d�finis une fonction qui attend un param�tre et que tu l'appelles sans param�tre ? :roll:

Sinon

Code:

window.onload = function() { chargerEntree(); changeImage(); };

Code:

<body onLoad="chargerEntree(); changeImage();">

Tu trouves pas �a un peu redondant ?
22/02/2014, 03h22
loeca

si mais je croyais l'avoir fait.a moins que je comprenne pas ta question

j'ai r�vis� ma fonction et voici la ou je suis rendu.mais le probl�me c'est que j'ai un probl�me avec le chargement de ma fonction.parce que dans mon code JavaScript je doit appeler trois fonctions.mais je sais pas comment le faire ya l'un qui marche et l'autre pas.de l'aide svp :oops: :oops:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
//var chargerEntree, changeImage;
//est ce ca mon probleme????????
window.onload = function() {
	var entree=chargerEntree(),
	var image=afficher()
 
};
 
function afficher() {
if (document.getElementById("entree").selected) {
document.getElementById("img_g").src="images/vide.jpg";
} else if{
document.getElementById("img_g").src="images/salade.jpg";
}
else {
document.getElementById("img_g").src="images/escargot.jpg";
}
 
if (document.getElementById("repas").selected) {
document.getElementById("img_d").src="images/vide.jpg";
} else if{
document.getElementById("img_d").src="images/lasagne.jpg";
}
else {
document.getElementById("img_d").src="images/spaghetti.jpg";
}
}
//valueToImage=
//{
 
//choisir:"images/vide.jpg",
//salade : "images/salade.jpg",
//escargot : "images/escargot.jpg",
//};
 
function chargerEntree()
{
 
var entree = document.getElementById("entree");
entree.options[0]=new Option("choisir",00);
entree.options[1]=new Option("Salade",5.95);
entree.options[2]=new Option("Escargot",4.95);
 
 
var repas = document.getElementById("repas");
repas.options[0]=new Option("choisir",00);
repas.options[1]=new Option("spaghetti",5.95);
repas.options[2]=new Option("lasagne",4.95);
 
};
 
//function changeImage(select)
//{
 // var valeur = select.options[select.selectedIndex].text;
 // var prix =  select.options[select.selectedIndex].value;
  //document.getElementById("entree_img").src = valueToImage[valeur];
  // document.getElementById("entree_num").innerHTML = " " + prix;
//}

la je pense que jai un s�rieux probl�me avec le chargeur de page onload

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="gauche">
<form>
Entree
<select id="entree"  onChange="changeImage(this)">
 
</select>
 
</form>
</div>
<div class="droite">
<form>
Repas
<select id="repas"  onChange="chargerRepas()">
</select>
</form>
</div>
<img src="images/vide.jpg" id="img_g">
 
<img src="images/vide.jpg" id="img_d">