Discussion :

[Vanessa48]

Bonjour
Je ne comprends pas pour rendre visible une Div en javascript c'est bien :

Code :

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

document.getElementById('MatFabrication').style.display='block';

et pour la rendre invisible :

Code :

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

document.getElementById('MatFabrication').style.display='none';

Cela ne fonctionne pas

[bjo393]

moi j’utiliserai sa

Code :

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

1
2
 
document.getElementById(MatFabrication).style.visibility=(true)?'visible':'hidden';

[Vanessa48]

J'ai trois DIv, donc ce serait comme cela ?

Code :

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

1
2
3
document.getElementById(MatFabrication).style.visibility=(true)?'visible':'hidden';
      document.getElementById(AssFabrication).style.visibility=(false)?'visible':'hidden';
      document.getElementById(MatMetrologie).style.visibility=(false)?'visible':'hidden';

[Vanessa48]

Voici mon code complet :

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
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';
      }
}

L'image et les textes s'affichent
Mais les DIV ne s'affichent pas, je ne vois vraiment pas pourquoi
Pouvez-vous m'aider

[Bovino]

Code :

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

if(document.getElementById('Matériel de fabrication').checked)

Tu as vraiment mis Matériel de fabrication comme id à un élément ???

[Vanessa48]

Oui, voici mon code :

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>

Et 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:none;">
.........................
</div>
<div id="AssFabrication" style="display:none;">
.........................
</div>
<div id="MatMetrologie" style="display:none;">
.........................
</div>