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
A voir également:
- Liste déroulante et variables
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Liste code ascii - Guide
- Site dangereux liste - Guide
12 réponses
<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é)
<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>
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+'" />';
}
function change_image()
{
sel = document.getElementById('selct');
img = sel.options[sel.selectedIndex].value;
document.getElementById('ima').innerHTML = '<img src="'+img+'" border="0" alt="'+img+'" />';
}
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.
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é
J'ai pas actualisé mes chiffres, ca a du évidemment baisser avec l'arrivée d'IE8, mais IE6 est encore pas mal utilisé