Discussion :

[Vanessa48]

Bonjour

J'ai trois boutons radio :

Code html :

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

1
2
3
4
5
<div id="Itype">
    <input name="Type" id="Matériel de fabrication" type="radio" value="Matériel de fabrication" checked="checked"  onclick="Smachine();" />Matériel de fabrication
    <input name="Type" id="Assistance à la fabrication" type="radio" value="Assistance à la fabrication"  onclick="Smachine();" />Assistance à la fabrication
    <input name="Type" id="Matériel de métrologie" type="radio" value="Matériel de métrologie"  onclick="Smachine();" />Matériel de métrologie
</div>

Je voudrais que le bouton checked modifie l'affichage d'image et rende visible ou invisible une des 3 div :

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
19
20
21
22
23
24
25
26
27
28
<script language="javascript">
function Smachine()  {
     if(document.getElementById('Matériel de fabrication').checked)
   	 {
      document.getElementById('Isecteur').innerHTML='<img src="images/Machines/OKUMA_3.jpg"> ';
      document.getElementById('NomMach').innerHTML='OKUMA';
      document.getElementById('MatFabrication').style.display='block;
      document.getElementById('AssFabrication').style.display='none';
      document.getElementById('MatMetrologie').style.display='none';
     }
     if(document.getElementById('Assistance à la fabrication').checked)
   	 {
      document.getElementById('Isecteur').innerHTML='<img src="images/Machines/A7.jpg"> ';
      document.getElementById('NomMach').innerHTML='MASTERCAM';
      document.getElementById('MatFabrication').style.display='none;
      document.getElementById('AssFabrication').style.display='block';
      document.getElementById('MatMetrologie').style.display='none';
     }
     if(document.getElementById('Matériel de métrologie').checked)
   	 {
      document.getElementById('Isecteur').innerHTML='<img src="images/Machines/CONT1.jpg"> ';
      document.getElementById('NomMach').innerHTML='ZEISS';
      document.getElementById('MatFabrication').style.display='none;
      document.getElementById('AssFabrication').style.display='none';
      document.getElementById('MatMetrologie').style.display='block';
     }
}
</script>

Mes trois div :

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="MatFabrication" style="display:block;">
.....................
</div>
<div id="AssFabrication" style="display:none;">
.....................
</div>
<div id="MatMetrologie" style="display:none;">
.....................
</div>

Cela ne fonctionne pas pouvez-vous me dire ou est l'erreur, j'ai beau chercher je ne vois pas

Merci pour vos réponses

[NoSmoking]

Bonjour,
commence par mettre <script type="text/javascript"> en lieu et place de <script language="javascript">, ou encore <script> tout court si tu es en HTML5.

Ensuite regarde la coloration syntaxique du message que tu viens de poster pour te rendre compte que les quottes sont à l'origine du problème.

[Vanessa48]

Merci pour ton aide, c'était tellement gros que cela aurait du me sauter aux yeux