Bonsoir,

Je souhaiterais savoir comment faire pour que un élément se masque lorsqu'un autre s'affiche ?

En faite l orque on clique sur un lien cela affiche un élément d un tableau <tr> </tr>

Mais si on clic sur un second élément a afficher je voudrais que le premier se masque automatiquement sans avoir besoin de cliquer dessus. en gros je voudrais que seule un seule élément s'affiche en masquant les précédants.

Je vous montre en gros le code que j ai fait jusque la, je ne connait pas trop le javascript, je débute et je trouve pas comment le compléter.

Merci pour votre aide

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<script language="JavaScript" type="text/JavaScript"> //afficher/marquer 
function afficher(div) {
	with (document.getElementById(div).style)	
		display = (display == 'none')? '' : 'none';
}
</script>
Code html : 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
29
30
31
32
33
34
35
<table border="1" bgcolor="white" width="550" align="center" style="border-collapse: collapse">
	<tr>
		<th colspan="4"><a href="javascript:afficher('z1');" Title="Afficher l'atelier de peinture">Atelier de peinture</a></th>		
	</tr>
	<tr>
		<th><a href="javascript:afficher('z2');">Carrosserie</a></th>
		<th><a href="javascript:afficher('z3');">Par-choc</a></th>
		<th><a href="javascript:afficher('z4');">Prise de toit</a></th>
		<th><a href="javascript:afficher('z5');">Bas de caisse</a></th>
	</tr>
	<tr id="z1" style="display:none;">
		<td>code</td>	
		<td>code</td>
		<td>code</td>		
		<td>code</td>
	</tr>
	<tr id="z2" style="display:none;">
		<td>code</td>
		<td colspan="3"></td>
	</tr>
	<tr id="z3" style="display:none;">
		<td></td>
		<td>code</td>
		<td colspan="2"></td>
	</tr>
	<tr id="z4" style="display:none;">
		<td colspan="2"></td>
		<td>code</td>
		<td></td>
	</tr>	
	<tr id="z5" style="display:none;">
		<td colspan="3"></td>
		<td>code</td>
	</tr>	
</table>