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

Messages postés
39
Date d'inscription
lundi 26 mars 2012
Dernière intervention
8 février 2013
- - Dernière réponse : cs_jopop
Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Dernière intervention
1 août 2013
- 15 janv. 2013 à 17:36
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 

Votre réponse

3 réponses

Meilleure réponse
Messages postés
1540
Date d'inscription
lundi 26 mai 2003
Dernière intervention
1 août 2013
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 a aidé 101 internautes ce mois-ci

Commenter la réponse de cs_jopop
Messages postés
130
Date d'inscription
lundi 11 janvier 2010
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
Messages postés
39
Date d'inscription
lundi 26 mars 2012
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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.