begin process at 2012 05 30 05:05:08
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Switch d image avec un "Select"


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Switch d image avec un "Select"

jeudi 9 septembre 2010 à 11:03:35 | Switch d image avec un "Select"

pl4hs

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:

Code PHP :
<?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
jeudi 9 septembre 2010 à 16:59:42 | Re : Switch d image avec un "Select"

Zobibol

Membre Club
Réponse acceptée !
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:
Code 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 :
Code 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 (<img id='imgDest' />) 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]
jeudi 9 septembre 2010 à 17:44:21 | Re : Switch d image avec un "Select"

pl4hs

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

Code PHP :
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


Cette discussion est classée dans : images, image, url, select, switch


Répondre à ce message

Sujets en rapport avec ce message

Select + images [ par Neill ] Bonjour,Est il possible de faire un select qui affiche une image par rapport au nom des différents select ??Exemple :                    Matos< bug sous firefox [ par ahmedoo ] Salut, sous IE le style="background-repeat: repeat-y" marche très bien mais évidement sous firefox ça ne marche pas ! Quelqu'un peut regarder ma css gestion images introuvable [ par Bestdoud ] Bonjour,J'aimerais savoir s'il y avait un moyen d'empecher d'avoir une case blanche avec une croix rouge lorsque l'image est introuvableIl me faudrait prechargement d'image [ par mickadevelop ] Bonjour à toutes et tous,je me pose la question suivante :si sur une page nous avons par exemple 10 images de tel façon que nous ayons 10 balises et un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p copyright d'images [ par chabgyver ] Bonjour, J'ai trouvé sur ce site un script pour empêcher le clic droit d'une image mais franchement, je suis pas convaincu par l'efficacité de la mét image dans textbox [ par joebuz ] Bonjour,j'utilise un petit script pour insertion d'objet dans une textbox (<a href="http://www.javascriptfr.com/codes/INSERTION-PARTIR-POSIT Probleme avec images aléatoires [ par antiflag25 ] Salut à tous !!Voila je viens de mettre une serie d'image aléatoire sur mon site. Jusque la, pas de probleme, le seul souci, c'est que j'aimerais que savoir la taille d'une image a partir de son url [ par Kiranis ] Bonsoir, est ce qu'il y a une fonction en javascript qui permet de savoir la taille d'une image et qui prend comme parametre l'url de cette image dans changer la source de l'image [ par moha007 ] bonjour! j'ai crée une page qui contient plusieurs images represtants des produits. au dessus de chaque image j'ai mis une autre petite image de lou


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,296 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales