cherche un menu qui disparait

regarde la source de la page que tu as donné

Code:

<script type="text/javascript">
//<![CDATA[
 if (window.showTocToggle) { var tocShowText = "afficher"; var tocHideText = "masquer"; showTocToggle(); } 
//]]>
</script>

 

leve un peu les yeux au dessus du code javascript, fait des testes avec des copier coller, tu finira par trouver comme un grand

 

Alors:

Leve un peu les yeux au dessus du code JS cité précédement, et enregistre la feuille de style sur ton pc

 

Ils ont raison ; je l'ai mis en place simplement sur mon site après lecture de la feuille "js" et du code source.

 

Et donc...

Salut Mailer,
J'espère que finalement tu as trouvé la réponse à ta question car ça m'intéresse. Ca fait un moment que je cherche à faire cet effet Javascript ms ça marche po :cry: . Ca commence même à me gonfler donc j'attends avec impatience ta lumière salvatrice (oucelle des autres :wink: )

 

eh bien il me semble qu'il suffit de redimensionner le calque à la taille du titre. (1 ligne js )

 

mais encore...

Merci pour ta réponse e-kiwi,
Mais j'ai besoin d'un peu plus de pédagogie
En fait je prend le code source de la page, je le colle dans DW et déjà là je ne trouve plus le "masquer" "afficher" à part ds le code dans une application javascript.
Donc quand je lance mon navigateur l'application JS ne marche pas 8O
Bref dites-moi si j'en demande trop mais faudrait un petit tuto rapidos sur cette astuce.
Merci d'avance :wink:

 

fait le en CSS toutes les infos sur le site http://css.alsacreations.com/ tu apprendra a utiliser le css au lieu du java script pour faire des menus

En faite pourquoi le CSS c'est que
Le code est plus léger
la page mieux comprise par les moteurs de recherche
la mise en page de tout un site est facilement modifiable avec un seul fichier css externe (tres facile a faire)
la liberté de design graphique est plus libre
l' accessibilité est au top
le css c 'est plus simple et plus efficace que le javascript
croit moi apprend le css c 'est simple

 

alternative en js :

Code:

<div id="div_contenante" class="menu">
   <p>Titre de mon menu <span class="lien_cacher_montrer" id="lien_cacher_montrer; cusor:pointer;" onclick="montrecache()">Cacher le menu</span></p>
   <div id="menu" style="display:block">
       <a href="prout.html">mon lien 1</a>
       <a href="pouet.html">mon lien 2</a>
   </div>
</div>
<script type="text/javascript">
//<![CDATA[
function montrecache() {
   if (document.getElementById("menu").style.display=="block") { // si le menu est déjà affiché...
      document.getElementById("menu").style.display="none"; // on le cache
      document.getElementById("lien_cacher_montrer").innerHTML="Montrer le menu"; // et on modifie le lien
   } else { // si non...
      document.getElementById("menu").style.display="block"; // on le montre
      document.getElementById("lien_cacher_montrer").innerHTML="Cacher le menu"; // et on modifie le lien

   }

}
//]]>
</scritp>

J'ai fait ça de tête j'ai pas testé, pas le temps, mais ça devrait marcher, il reste plus qu'à créer un style css appelé "menu" pour le menu qui donnera, par exemple, sa position, sa taille et son habillage, et un autre nommé "lien_cacher_montrer" pour habiller le "faux lien" qui permettra de cacher/afficher le menu

valà, amusez-vous bien !