Bonjour tout le monde

J'essais de réaliser des onglets simple dans mon site


Mon code css

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
<style type="text/css">
<!--
.lesCibles{
  display: none;
  height: 800px;
  width: 800px;
 
}

Mon code html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
 
<ul>
	 <li><a href="javascript:afficheCible('cible1')">Enregistrer</a></li>
	<li><a href="javascript:afficheCible('cible2')">Afficher</a></li>
	  <li><a href="javascript:afficheCible('cible3')">Validation</a></li>
	 <li><a href="javascript:afficheCible('cible4')">outils</a></li>
</ul>



Mon code javascript
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
 
var ciblePrec = null;
 
 
 
        function afficheCible(cible)
        {
 
 
 
  if (ciblePrec!=null)
 
 
    document.getElementById(ciblePrec).style.display = "none";
 
 
 
  document.getElementById(cible).style.display = "block";
 
 
 
 
  ciblePrec = cible;
       }
Mon soucis est que tout les onglets s'affichent à l'ouverture de la page.

Comment régler ce problème?

Merci

A +