Afficher des images selon un choix dans un select [Résolu]

Signaler
Messages postés
39
Date d'inscription
lundi 26 mars 2012
Statut
Membre
Dernière intervention
8 février 2013
-
cs_jopop
Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Statut
Membre
Dernière intervention
1 août 2013
-
Bonjour,

J'ai inclus un moteur de recherche sur mon site, qui permet de recherche soit sur google soit sur le site1 soit sur le site2. (Le choix se fait avec un select). Le but du jeu étant de modifier l'image au dessus de la recherche de façon a ce que ce soit le logo Google si l'user choisit de rechercher sur Google, que ce soit le logo du site1 si il choisit le site1 etc...

Voici le code Javascript, ainsi que le select (qui ne fonctionne pas bien sur):

function changeLogo() {
if(document.getElementById('moteur').value ==1){
document.getElementById('logo').src = 'img/google.png';
}
if(document.getElementById('moteur').value ==2){
document.getElementById('logo').src = 'img/logosite1.png';
}
if(document.getElementById('moteur').value =3){
document.getElementById('logo').src = 'img/logosite2.png';
}


<select name="moteur" onchange="changeLogo();">
<option value="1">Google</option>
<option value="2">site1</option>
<option value="3">site2</option>
</select>

3 réponses

Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Statut
Membre
Dernière intervention
1 août 2013
11
Salut,

tu as mis un seul égal (=) dans ta dernière condition, c'est donc une assignation, ce qui renvoie toujours true. Il est donc normal qu'à la sortie de ta fonction tu te retrouves toujours avec l'image associée à cette condition.
Messages postés
130
Date d'inscription
lundi 11 janvier 2010
Statut
Membre
Dernière intervention
7 juin 2013

Tu utilises un name dans ton image et un ID dans ton JS. C'est soit l'un soit l'autre.
Messages postés
39
Date d'inscription
lundi 26 mars 2012
Statut
Membre
Dernière intervention
8 février 2013

Après avoir modifié mon code d'après tes conseils, il y a du mieux. Mais çà plante encore un peu.(difficile a décrire : peu importe se que je choisi il choisi toujours site2 avec logosite2 qui vient remplacer le logo Google et après je peux plus rien changer)

Mon nouveau code :

function changeLogo() {
if(document.getElementById('moteur').value ==1){
document.getElementById('logo').src = "img/google.png";
}
if(document.getElementById('moteur').value ==2){
document.getElementById('logo').src = "img/logosite1.png";
}
if(document.getElementById('moteur').value =3){
document.getElementById('logo').src = "img/logosite2.png";
}
}


<select id="moteur" onchange="changeLogo();">
<option value="1">Google</option>
<option value="2">Wlink</option>
<option value="3">Wiki</option>
</select>