Posez votre question Signaler

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

Messages postés
39
Date d'inscription
lundi 26 mars 2012
Statut
Membre
Dernière intervention
8 février 2013
 - - Dernière réponse : cs_jopop
Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Statut
Membre
Dernière intervention
1 août 2013
 - 15 janv. 2013 à 17:36
Javascript / DHTML Posez votre question Signaler
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>
Afficher la suite 

3 réponses

Meilleure réponse
Signaler Commenter la réponse de cs_jopop
Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Statut
Membre
Dernière intervention
1 août 2013
 11
3
Merci
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.

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 195 internautes nous ont dit merci ce mois-ci

Commenter la réponse de cs_jopop
Signaler Commenter la réponse de sylvain64520
Messages postés
130
Date d'inscription
lundi 11 janvier 2010
Statut
Membre
Dernière intervention
7 juin 2013
0
Merci
Tu utilises un name dans ton image et un ID dans ton JS. C'est soit l'un soit l'autre.
Commenter la réponse de sylvain64520
Signaler Commenter la réponse de tieum91
Messages postés
39
Date d'inscription
lundi 26 mars 2012
Statut
Membre
Dernière intervention
8 février 2013
0
Merci
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>
Commenter la réponse de tieum91
Répondre Posez votre question