Liste déroulante et variables
Résolu
freeman43
Messages postés
110
Date d'inscription
Statut
Membre
Dernière intervention
-
freeman43 Messages postés 110 Date d'inscription Statut Membre Dernière intervention -
freeman43 Messages postés 110 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voila je veux creér une page web qui suivant se que l'on séléctionne dans une liste déroulantes, affiche une image dans cette même page.
Donc je penser faire quelque chose comme cela:
<select name="path">
<option value="blog.jpg"> blog</option>
<option value="forum.jpg"> forum</option>
<option value="membres.jpg"> membres</option>
<option value="photos.jpg"> photos</option>
<option value="pres.jpg"> pres</option>
<option value="pics.jpg"> pics</option>
<option value="_admin.jpg"> admin</option>
</select>
echo "<img src= $path>";
Comment je pourrais faire cela.
Merci
voila je veux creér une page web qui suivant se que l'on séléctionne dans une liste déroulantes, affiche une image dans cette même page.
Donc je penser faire quelque chose comme cela:
<select name="path">
<option value="blog.jpg"> blog</option>
<option value="forum.jpg"> forum</option>
<option value="membres.jpg"> membres</option>
<option value="photos.jpg"> photos</option>
<option value="pres.jpg"> pres</option>
<option value="pics.jpg"> pics</option>
<option value="_admin.jpg"> admin</option>
</select>
echo "<img src= $path>";
Comment je pourrais faire cela.
Merci
Configuration: Windows XP Firefox 3.0.13
12 réponses
-
et la value du select ne sera pas celle de l'option peut-être ?
chi chi chi chipotage ... dommage -
en javascript tu fait une fonction qui agit sur un div et c'est fini
-
<select name="path" onchange="document.getElementById('ton_image').innerHTML = '<img src=\"' + this().value + '\" />';">
<option value="blog.jpg"> blog</option>
<option value="forum.jpg"> forum</option>
<option value="membres.jpg"> membres</option>
<option value="photos.jpg"> photos</option>
<option value="pres.jpg"> pres</option>
<option value="pics.jpg"> pics</option>
<option value="_admin.jpg"> admin</option>
</select>
<div id='ton_image'></div>
Essaie ça (je ne l'ai pas testé)
-
<script type="text/javascript">
function change_image()
{
var img = document.getElementById('selct').value;
document.getElementById('ima').innerHTML = '<img src="'+img+'" border="0" alt="'+img+'" />';
}
</script>
<select id="selct" onchange="change_image()">
<option value="blog.jpg"> blog</option>
<option value="forum.jpg"> forum</option>
<option value="membres.jpg"> membres</option>
<option value="photos.jpg"> photos</option>
<option value="pres.jpg"> pres</option>
<option value="pics.jpg"> pics</option>
<option value="_admin.jpg"> admin</option>
</select>
<div id="ima"></div> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Heu non, je dirai plutôt :
function change_image()
{
sel = document.getElementById('selct');
img = sel.options[sel.selectedIndex].value;
document.getElementById('ima').innerHTML = '<img src="'+img+'" border="0" alt="'+img+'" />';
} -
La fonction de resalut est aussi juste que la tienne jeangilles.
-
Merci je ne peux essayer cela pour le moment,
Je l essaye a midi chez moi et vous tiendrai au courant.
Merci d avoir repondu si vite. -
La fonction de resalut est aussi juste que la tienne jeangilles.
heu sa fonction lui ramène la value du select (c'est à dire la value qu'il y aurait pour <select value="...">)
Or la mienne lui renvoit la value de l'option sélectionnée, ce qui est complètement différent ! -
chi chi chi chipotage ... dommage
Si tu le fais comme cela, ca ne marche pas sur les vieux navigateurs (Netscape < version 8, IE < version 6 je crois ...)
donc chez certaines personnes, le code ne marchera pas -
En juin 2008, entre IE <=6 et Netcape<=5, on atteignait plus de 25% de part de marché du navigateur WEB
J'ai pas actualisé mes chiffres, ca a du évidemment baisser avec l'arrivée d'IE8, mais IE6 est encore pas mal utilisé -
Oui IE6 est pas mal utilisé mais ce code fonctionne sous IE6 donc je pense pas qu'il aie de soucis de ce coté là.
Et perso je n'ai même jamais utilisé de version plus vieille que IE6 donc bon..
-
Merci,cela fonctionne tres bien.
Maintenant je veux corcet le probleme. Mais cela fait partit d'un autre post.
