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 :
Mes trois 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>
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
Partager