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

Question

Posez votre question Signaler

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

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

Votre réponse

Répondre au sujet

3 réponses

Signaler Commenter la réponse de sylvain64520

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.

Signaler Commenter la réponse de tieum91

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>

Votre réponse

Répondre au sujet

Posez votre question

Accepted Answer

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

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

Votre réponse

Votre réponse

Votre réponse

Vous n'êtes pas encore membre ? inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Vous n'êtes pas encore membre ?

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