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

**HWICE** · 14/04/2008, 19h36

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

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
 <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 :

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
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

**Jumano** · 14/04/2008, 22h01

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

Code :

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

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 :

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

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>

**HWICE** · 14/04/2008, 22h53

Merci tout fonctionne a merveille

**HWICE** · 15/04/2008, 17h21

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 :

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

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

ca retourne lerreur suivante avec Firebug

Petit is not defined
onload(load )

**Jumano** · 15/04/2008, 17h32

Tu rajoutes :

Code :

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

<body onload="Ssalon();">

et tu modifies ton <input PETIT> comme ceci :

Code :

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

<input name="salon" type="radio" id="Petit" onclick="Ssalon();" value="Petit" checked="checked" />

**HWICE** · 15/04/2008, 17h37

ouin c'etais assez basic. J'ai un peu honte de moi meme
Merci encore

**Jumano** · 15/04/2008, 17h39

Il ne faut surtout pas ...

**HWICE** · 15/04/2008, 17h48

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 :

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

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 :

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

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

par exemple

**HWICE** · 15/04/2008, 19h19

voila

Code :

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

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>

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

JavaScript

Discussions similaires

Partager

Partager