Javascript - Listes et bouton radios

djeje72 · 20 Avril 2006

bonjour j'aimerais de l'aide pour faire fonctionner ce document :

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>images</title>
<style type="text/css">
body {text-align:center}
div {margin-top:20px}
</style>

<script type="text/javascript">
var lesChoix=new Array();
var lesImages= new Array();

lesChoix["entree"]= new Array("Taboule","Celeri","Macedoine");
lesChoix["plat"]= new Array("coucous","coq au vin","paella");
lesChoix["dessert"]= new Array("tarte aux pommes","tarte aux myrtilles","gateau au chocolat");

lesImages["entree"]= new Array("taboule.png","celeri.png","macedoine.png");
lesImages["plat"]= new Array("couscous.png","coqauvin.png","paella.png");
lesImages["dessert"]= new Array("tarteauxpommes.png","tarteauxmyrtilles.png","gateauauchocolat.png");

</script>
</head>
<body>
<h1> Le menu </h1>
<div>
<input type="radio" id="entree" name="typePlat" checked="checked" /> Entrée
<input type="radio" id="plat" name="typePlat" /> Plat
<input type="radio" id="dessert" name="typePlat" /> Dessert
</div>
<div>
<select id="lstChoix" ">
<option value="taboule"> taboule</option>
<option value="celeri"> celeri</option>
<option value="macedoine"> macedoine </option>
</select>

</div>
<div>
<img id="imgPlat" src="taboule.png" alt="plat" />
</div>

</body>
</html>

----

je débute en javascript et j'aimerais de l'aide pour que ne faite, lorsqu'on choisi un type de plat, cela affiche des plats dans la liste et qu'ensuite une image s'affiche. merci

boub popsyteam · 20 Avril 2006

Merci d'utiliser les balises

Code:

 pour améliorer la lisibilité et donc les réponses possibles :o

AMHA le mieux serait de tous les afficher dans des div situés au même endroit et de jouer avec leur z-index et/ou leur visibility.

KangOl · 21 Avril 2006

je ne lit pas le code ( = pas de solution de ma part) tant qu'il n'y a pas de balise

Code:

 :o

dommage ...

the_kurt · 12 Juin 2006

Roo et je croi que ta rien pour faire ton code , ta meme pascommencer a réfléchir a comment faire... la ya rien je crois...

Si j'étais toi , j'utiliserai une boucle ...

Après un Onclick : sur l'un des troi choix ..
Ca crée une boucle -> for....
qui écrit la liste ...
en utilisant la boucle , ca attribut a chaque entrée , une des option de l'array séléctionnée..

je sais pas si tu vois ... mé c'est chiant et ca sert a rien !!

Javascript - Listes et bouton radios

djeje72

boub popsyteam

KangOl

the_kurt