afficher une image dans un cadre à partir d'une liste deroulante

afficher une image dans un cadre à partir d'une liste deroulante - HTML/CSS - Programmation

Marsh Posté le 02-12-2011 à 14:57:54    

Bonjour à vous tous. C'est mon 1er topic sur hardware.
Je suis bloqué dans la construction de mon site, à savoir:
comment afficher dans un cadre ou fenetre, une image, en cliquant  
sur les noms d'une liste déroulante. Merci de vos réponses.

Reply

Marsh Posté le 02-12-2011 à 14:57:54   

Reply

Marsh Posté le 02-12-2011 à 15:46:59    

La listbox sera définie par :

<select ... onChange="javacript:afficher_un_truc(this);">
  <option ...>...</option>
  <option ...>...</option>
</select>


La page contiendra un emplacement réservé pour le truc à afficher :

<span id="place_pour_le_truc"></span>


Un bout de code Javascript va afficher quelque chose en fonction de la ligne sélectionnée.

function afficher_un_truc(la_listbox)
{
  document.getElementById("place_pour_le_truc" ).innerHTML = "<img src=" + la_listbox.options[la_listbox.selectedIndex].value + ">"
}


Message édité par olivthill le 02-12-2011 à 16:46:20
Reply

Marsh Posté le 02-12-2011 à 15:55:03    

Salut et merci pour ta reponse. Je ne comprend pour l'instant que l(html et css .Donc ma question est:dans quelle balise dois je mette mes images et quelles autres les mots de la liste deroulante .Merci encore.

Reply

Marsh Posté le 02-12-2011 à 16:33:51    

Si c'est une image, ça se met dans <img...>.
 
Je propose de mettre aussi l'image elle-même dans un container général, tel que <span id=...> ou <div id=toto..>.
Avec le innnerHTML, on aura comme résultat final <span id=...><img src=...></span>.

Reply

Marsh Posté le 02-12-2011 à 16:41:39    

Merci olivthill ,je vais me mettre au travail. a bientot.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed