Fonction javascript onload

**loeca** · 20/02/2014, 21h54

bonjour! qu'est qui va pas dans mon code?

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 :

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

S�lectionner tout - Visualiser dans une fen�tre � part

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

**Bovino** · 21/02/2014, 08h32

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

Sinon

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Tu trouves pas �a un peu redondant ?

**loeca** · 22/02/2014, 03h22

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

**loeca** · 22/02/2014, 09h13

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

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

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

Fonction javascript onload

JavaScript

Vue hybride

Discussions similaires

Partager

Partager