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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager