Sujet Précédent Sujet Suivant

Liste déroulante et variables

Résolu/Fermé
freeman43 Messages postés 110 Date d'inscription mardi 9 janvier 2007 Statut Membre Dernière intervention 10 décembre 2009 - 12 août 2009 à 09:41
freeman43 Messages postés 110 Date d'inscription mardi 9 janvier 2007 Statut Membre Dernière intervention 10 décembre 2009 - 13 août 2009 à 08:56
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

12 réponses

Réponse 1 / 12
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
12 août 2009 à 10:06
et la value du select ne sera pas celle de l'option peut-être ?

chi chi chi chipotage ... dommage
1
Réponse 2 / 12
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
12 août 2009 à 09:42
en javascript tu fait une fonction qui agit sur un div et c'est fini
0
Réponse 3 / 12
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 132
12 août 2009 à 09:47
<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é)
0
Réponse 4 / 12
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
12 août 2009 à 09:47
<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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
12 août 2009 à 09:55
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+'" />';
}
0
Réponse 6 / 12
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 132
12 août 2009 à 09:57
La fonction de resalut est aussi juste que la tienne jeangilles.
0
Réponse 7 / 12
freeman43 Messages postés 110 Date d'inscription mardi 9 janvier 2007 Statut Membre Dernière intervention 10 décembre 2009 16
12 août 2009 à 10:00
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.
0
Réponse 8 / 12
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
12 août 2009 à 10:03 
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 !
0
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 132
12 août 2009 à 10:18
La value du select est bien celle de l'option sélectionnée.
Teste pour voir ! ;)
0
Réponse 9 / 12
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
12 août 2009 à 11:44 
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
0
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 132
12 août 2009 à 11:48
Oui enfin ce code ne fonctionnera pas non plus chez les gens qui ont désactivé le JS donc bon si on veut entrer là dedans ... :/
Je pense que le pourcentage de personnes utilisant de si vieux navigateurs est assez faible ...
Sinon on oublierait aussi le JS ...

0
Réponse 10 / 12
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 186
12 août 2009 à 12:02
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é
0
Réponse 11 / 12
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 132
12 août 2009 à 12:13
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..
0
Réponse 12 / 12
freeman43 Messages postés 110 Date d'inscription mardi 9 janvier 2007 Statut Membre Dernière intervention 10 décembre 2009 16
13 août 2009 à 08:56
Merci,cela fonctionne tres bien.
Maintenant je veux corcet le probleme. Mais cela fait partit d'un autre post.
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer le contenue d'une cellule avec liste déroulante
lebutters -
lebutters -

7 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses
SITES MARCHANDS NON SECURISES
mcd54 -
mcd54 -

2 réponses