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

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

Merci cs_jopop 3

codes-sources a aidé 82 internautes ce mois-ci

Commenter la réponse de cs_jopop
sylvain64520 130 Messages postés lundi 11 janvier 2010Date d'inscription 7 juin 2013 Dernière intervention - 15 janv. 2013 à 16:54
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
tieum91 39 Messages postés lundi 26 mars 2012Date d'inscription 8 février 2013 Dernière intervention - 15 janv. 2013 à 17:24
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.