Discussion :

[cuisto44000]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<td>
		<input type="radio" name="lieu" />H&ocirc;tel IBIS - Nantes Centre<br />
		<input type="radio" name="lieu" />H&ocirc;tel IBIS - Nantes Gare Sud<br />
		<input type="radio" name="lieu" />H&ocirc;tel FORMULE 1 - Ste Luce sur Loire<br />
		<input type="radio" name="lieu" />ETAP H&ocirc;tel - Ste Luce sur Loire<br />
		<input type="radio" name="lieu" />H&ocirc;tel CAMPANILE - Ste Luce sur Loire<br />
		<input type="radio" name="lieu" />H&ocirc;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&eacute;part &nbsp;&nbsp;&nbsp; <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

[Jumano]

Bonjour,
Quelle information veux-tu obtenir ?
Il faudrait dans un premier temps donner une "value" à chacun de tes boutons radio.

[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

[Jumano]

Les boutons "radio" que tu veux afficher sont les même ou ils dépendent du bouton radio coché ?

[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

[Jumano]

Voici un exemple, à toi de l'adapter ensuite ne focntion de tes besoins.
Donne plutot une ID à ton <tr> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ensuite la fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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