contenu de div qui change selon choix dans liste de boutons radios ?

Version imprimable

bonjour, je cherches a trouver le moyen que quand on clique sur un bouton radio, sa me change le contenu d'un div, pourriez vous m'aider svp, merci par avance

Mon code html :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <td> <input type="radio" name="lieu" />Hôtel IBIS - Nantes Centre<br /> <input type="radio" name="lieu" />Hôtel IBIS - Nantes Gare Sud<br /> <input type="radio" name="lieu" />Hôtel FORMULE 1 - Ste Luce sur Loire<br /> <input type="radio" name="lieu" />ETAP Hôtel - Ste Luce sur Loire<br /> <input type="radio" name="lieu" />Hôtel CAMPANILE - Ste Luce sur Loire<br /> <input type="radio" name="lieu" />Hôtel IBIS - Nantes La Beaujoire<br /> <input type="radio" name="lieu" />WESTOTEL - La Chapelle sur Erdre<br /> <br /><br /> </td> </tr> <tr><th>heure de départ     <br /><br /></th> <td name="heure"> <br /><br /> </td> </tr>
Je voudrais que td name="heure" soit remplis suivant le choix fait au dessus, j'espere que ma demande est assez claire, par avance merci beaucoup de votre aide ;)

13/12/2008, 15h43
Jumano

Bonjour,
Quelle information veux-tu obtenir ?
Il faudrait dans un premier temps donner une "value" à chacun de tes boutons radio.
13/12/2008, 15h48
cuisto44000

pour le value je savais, je veux que quand on clique sur une des boutons radio, le td de nom heure se remplisse lui aussi de boutons radios, je sais que c'est possible en javascript mais j'y connais rien dans ce language donc :(
13/12/2008, 15h58
Jumano

Les boutons "radio" que tu veux afficher sont les même ou ils dépendent du bouton radio coché ?
13/12/2008, 16h00
cuisto44000

enfaite, comme tu as pu le voir, les gens doivent choisir leur lieu de depart, et suivant leur choix, la liste des heures proposées pour ce lieu doivent s'afficher en dessous
13/12/2008, 16h10
Jumano
Voici un exemple, à toi de l'adapter ensuite ne focntion de tes besoins.
Donne plutot une ID à ton <tr> :

Code:

<td id="heure"></td>

Ensuite la fonction javascript :
Code:

1 2 3 4 5 <script language="javascript"> function affiche_heure() { document.getElementById('heure').innerHTML = '<input type="radio" name="test"/> 10h00 <br />'; } </script>
Puis modifie tes inputs comme ceci :

Code:

<input type="radio" name="lieu" onclick="affiche_heure();" />Hôtel IBIS - Nantes Centre<br />