Radio Button avec une function(afficher une image et du texte)

Version imprimable

Bonjour,
Je debut en javascript et j'aimerai savoir pourquoi ceci affiche tjs la meme chose

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <script language="javascript">
function Ssalon(salon)  {
     if(document.reserve.salon.value="Petit")
   {
    document.getElementById('Isalon').innerHTML='<img src="/images/salont.png"> ';
      document.getElementById('Tsalon').innerHTML='bla bla ';
     }
     else if(document.reserve.salon.value="Paris")
   {
    document.getElementById('Isalon').innerHTML='<img src="/images/salon.jpg"> ';
     }
     else
     {     }
   }
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form id="reserve" name="reserve"><table width="100%" border="0">
    <tr>
    <td colspan="3"><div align="center">R&eacute;servation</div></td>
    </tr><tr>
    <td colspan="3" class="course">Vos coordonn&eacute;es</td>
        </tr>
        <tr>
            <td colspan="3">choix de salon</td>
       </tr>
       <tr>
               <td><input name="salon" type="radio" value="Petit" onchange="Ssalon(this.value);" />Le petit caveau<br />
                <input name="salon" type="radio" value="Paris" onchange="Ssalon();"/>La parisienne<br />
                <input name="salon" type="radio" value="Mémé" onclick="Ssalon();" />Chez Mémé<br />
         <input name="salon" type="radio" value="Double" onclick="Ssalon();" />Double menton</td>
            <td><div id="Isalon"></div></td>
         <td><p id="Tsalon"></p></td>
        </tr>
</table></form>

En gros, avec un radio button j'aimerai faire afficher une image et un texte différent a chaque selection. Presentement ca marche mais c'est tjs la meme image qui affiche. C'est la variable qu'il ne voit pas correctement

merci

Bonsoir,
Tu devrais mettre des "id" au niveau de tes "radios" et appeler ta fonction avec onclick :

Code:

1
2
3
4
5
6
<input name="salon" id="Petit" type="radio" value="Petit" onclick="Ssalon();" />Le petit caveau<br />
<input name="salon" id="Paris" type="radio" value="Paris" onclick="Ssalon();"/>La parisienne<br />
<input name="salon" id="Mémé" type="radio" value="Mémé" onclick="Ssalon();" />Chez Mémé<br />
<input name="salon" id="Double" type="radio" value="Double" onclick="Ssalon();" />Double menton</td>
<td width="15%"><div id="Isalon"></div></td>
<td width="56%"><p id="Tsalon"></p></td>

et modifier ta fonction comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="javascript">
function Ssalon()  {
     if(document.getElementById('Petit').checked)
   	 {
      document.getElementById('Isalon').innerHTML='<img src="/images/salont.png"> ';
      document.getElementById('Tsalon').innerHTML='bla bla ';
     }
     if(document.getElementById('Paris').checked)
     {
     document.getElementById('Isalon').innerHTML='<img src="/images/salon.jpg"> ';
	 document.getElementById('Tsalon').innerHTML='bla bla ';
     }
}
</script>

14/04/2008, 22h53
HWICE

Merci tout fonctionne a merveille
15/04/2008, 17h21
HWICE

Une derniere chose.
J'essais de faire un onload, mais ca ne fonctionne pas. Il quand meme qu'il y ai quelque chose de loader au debut

Code:

<body onload="Ssalon(Petit);">

ca retourne lerreur suivante avec Firebug

Petit is not defined
onload(load )
15/04/2008, 17h32
Jumano

Tu rajoutes :

Code:

<body onload="Ssalon();">

et tu modifies ton <input PETIT> comme ceci :

Code:

<input name="salon" type="radio" id="Petit" onclick="Ssalon();" value="Petit" checked="checked" />
15/04/2008, 17h37
HWICE

ouin c'etais assez basic. J'ai un peu honte de moi meme
Merci encore
15/04/2008, 17h39
Jumano

Il ne faut surtout pas ... ;)

tant qu'a etre parti, je ne veux pas que tu me donne la reponse mais dumoin un piste. Pcq si tu me donne tjs tout j'apprenderai pas.

Est-il possible de faire un lien avec un target(dans un frameset) avec un radio button
Code:

1 2 3 4 <td><label><input name="menu" type="radio" value="Choix1" />Choix 1</label><br /> <label><input name="menu" type="radio" value="Choix2" />Choix 2</label></td> <td><label><input name="menu" type="radio" value="Choix3" />Choix 3</label><br /> <label><input name="menu" type="radio" value="Choix4" />Choix 4</label></td>
mais avec

Code:

<label><input name="menu" taget="main" src="menu4.php" type="radio" value="Choix4" />Choix 4</label>

par exemple

voila

Code:

1
2
3
4
<td><label><input name="menu" type="radio" value="" onclick="parent.frames['main'].location.href='menugr1.php'" />Choix 1</label><br />
                <label><input name="menu" type="radio" value=""  onclick="parent.frames['main'].location.href='menugr2.php'"/>Choix 2</label></td>
            <td><label><input name="menu" type="radio" value=""  onclick="parent.frames['main'].location.href='menugr3.php'"/>Choix 3</label><br />
                <label><input name="menu" type="radio" value=""  onclick="parent.frames['main'].location.href='menugr4.php'"/>Choix 4</label></td>