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