Posez votre question Signaler

Switch d image avec un "Select" [Résolu]

Messages postés
53
Date d'inscription
dimanche 17 janvier 2010
Dernière intervention
26 avril 2011
 - - Dernière réponse : pl4hs
Messages postés
53
Date d'inscription
dimanche 17 janvier 2010
Dernière intervention
26 avril 2011
 - 9 sept. 2010 à 17:44
Javascript / DHTML Posez votre question Signaler
Bonjour tout le monde,

Je viens a vous car je me trouve coincer dans le développement de mon site web.

Voila la situation:

J'ai une base de données ou je stock les URL de mes images que j'upload ...

Ensuite je rentre mes URL dans un Select: 

<?php ...

$affichage=$my->query("SELECT Nom_images From Images");
echo "<select style= "...">" ;
while (($donnes=$affichage->fetch_assoc())!=false){
       echo "<option value=".$donnes['Nom_images'].">.$donnees['$Nom_images'].</option>";
}
</select>
... ?>


Jusqu'ici tout va bien, hors je voudrai faire afficher mes images lors du changement dans le Select.

Apres pas mal de recherche sur le net, je n'ai trouver que des exemples ou le switch d'images était en dur avec des URL stocker dans des variables.

Je pense que JavaScript doit pouvoir faire ce dont j'ai besoin...mais je suis débutant dans la prog Web et je ne sais point comment faire...

Si vous avez besoin de plus d info, je suis la, n'hésiter pas.

En espérant que des personnes puissent m'aider.

Cordialement Ludo
Afficher la suite 

Votre réponse

Répondre au sujet

2 réponses

Meilleure réponse
Signaler Commenter la réponse de Zobibol
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Dernière intervention
20 février 2017
 7
3
Merci
Bien le bonjour,
que ce soit en dur ou dynamique le principe est toujours le même non ?
J'espère que nom image contient l'url, mais si ce n'est pas le cas, il faudra le rajouter à la requête.

d'un point de vue javascript: 
<script type="text/javascript">
function changeSelect (_select, _imgId){
      document.getElementById(_imgId).src = _select.options[_select.selectedIndex].value;
}
</script>

d'un point de vu php : 
<?php ...

$affichage=$my->query("SELECT Nom_images From Images");
echo "<select style= "..." onchange="changeSelect(this, 'imgDest'>" ;
while (($donnes=$affichage->fetch_assoc())!=false){
       echo "<option value=".$donnes['Nom_images'].">.$donnees['$Nom_images'].</option>";
}
</select>
... ?>

il faut donc rajouter une image () dans mon exemple, le deuxième paramètre de la fonction changeSelect est l'identifiant de mon image et dans mon cas, il vaut : imgDest.

si toute fois ce n'est pas l'url qui est stockée dans nom_image(ce qui serait logique), il faut donc le rajouter à la requête et mettre sa valeur dans l'attribut value des options.

Et voilà, je pense que cela devrait répondre à ta question (mince, il n'y avait pas de question !!!)


[o-_-o]

Dire « Merci » 3

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

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

Commenter la réponse de Zobibol
Signaler Commenter la réponse de pl4hs
Messages postés
53
Date d'inscription
dimanche 17 janvier 2010
Dernière intervention
26 avril 2011
0
Merci
Re Bonjour,

Merci, tout d abord, merci d avoir prix de votre temps pour me répondre.

Effectivement, Nom_image ne sera pas l'url mais juste le nom de l'image(avec extension).

Donc si j'ai bien compris, je concatène le nom de l'image dans latribue value de loption 

value=".$donnes['Nom_images'].


Mais par rapport a la requête je ne suis pas sur d avoir compris..

Excuser moi je débute vraiment en Prog web..

Merci encore de votre reponse

Cordialement
Commenter la réponse de pl4hs

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

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.