Page d'accueil

[coco18]

Bonjour ou bonsoir !

Je vais expliquer mon probleme

Donc je c'est mettre un tableau normal sur mon forum , mais sur mon forum je voudrai mettre un système un peu spécial . Voyons le curseur de la souris quant on passe dessus sa affiche un message et quant on passe sur un autre truc sa change le message aprés on continue

enfaite Je voudrai plusieurs tableau
ex : | message de bienvenue | tableau de garde | tableau de carde du centre d'appelle | personnelle disponible

imaginons je passe mon curseur sur message de bienvenue sa va m'afficher un message avec ce que j'ai envie d'écrit , ensuite , je passe le curseur sur tableau de garde , sa va m'afficher un tableau avec des nom ... Ainsi de suite pour les autre
Mais j'arrive pas et je n'est au aucune idée comment faire sa , pouvez vous m'aidais svp

mon forum ==> http://cs-waterlune.forum-pro.fr

[zz10]

Bonsoir,

Le code HTML et javascript

Code:

<a href="#" onmouseover="gestionTab(1)">message de bienvenue</a> |
<a href="#" onmouseover="gestionTab(2)"> tableau de garde </a> |
<a href="#" onmouseover="gestionTab(3)">tableau de carde du centre d'appelle</a> |
<a href="#" onmouseover="gestionTab(4)">personnelle disponible</a>

<div id="accueil_1">
   message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue message bienvenue
</div>
<div id="accueil_2">
   tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde tableau de garde
</div>
<div id="accueil_3">
   tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde tableau de carde
</div>
<div id="accueil_4">
   personnelle personnelle personnelle personnelle personnelle personnelle personnelle personnelle
</div>

<script>
    function gestionTab(id){
      for(i=1;i<=4;i++){
         if(i == id){
            document.getElementById("accueil_"+i).style.display = "block";
         }else{
            document.getElementById("accueil_"+i).style.display = "none";
         }   
      }
    }

</script>

et le code CSS :

Code:

#accueil_1
   {
   display:block;
   }
   #accueil_2,#accueil_3,#accueil_4
   {
   display:none;
   }

Si vous voulez des retouches, n'hésitez pas

[coco18]

Oui cet sa mais est ce que on peut mettre comme un cadre fermé autour , avec un épaisseur du trait de contour de 5 couleur blanc svp

[zz10]

Code:

#accueil_1,#accueil_2,#accueil_3,#accueil_4
{
border:5px solid #fff;
}
#accueil_1
{
display:block;
}
#accueil_2,#accueil_3,#accueil_4
{
display:none;
}

[coco18]

c'est le code HTLM ?

[zz10]

Non, CSS...

[coco18]

Je pourrait avoir le code htlm car j'ai du mal avec css ?

[zz10]

Le code HTML n'a pas changé donc reprenez celui de mon message !

[coco18]

Ok merci beaucoup pour ton aide , bonne continuation et continue a aidez les personne c'est génial votre boulot (y)