FORUM Tom's Hardware » Programmation » HTML / Javascript » Menu dynamique verticale
 

Menu dynamique verticale

Il y a 257 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Menu dynamique verticale
 
..............................
Plus d'informations

Salut a tous :bounce:  
je voudrai faire sur mon site un menu dynamique, jai trouvé un generateur mais seulement il est horizontale :  :pfff:  
http://www.selectannuaire.com/dynamenu.html  :pfff:  
et moi je le voudrai verticale, c possible ?


---------------
kaioken

Profil : Pointeur
Plus d'informations

je te conseil plutot ce site : http://css.maxdesign.com.au/listamatic/


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
..............................
Plus d'informations

Mais c en anglais et jai trop du mal  :non:  :(  :(  :(  :(  :(  :(  :(  :(


---------------
kaioken
Profil : Pointeur
Plus d'informations

quand on fait de l'informatique, le premier language a apprendre c'est l'anglais...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
..............................
Plus d'informations

oué je sais et je peux te dire ke je regrette davoir lacher les cour danglais au bahu
mais tu peux pas maider si il te plait


---------------
kaioken
Plus d'informations

Un menu dynamique facilement paramétrable : http://iubito.free.fr/prog/menu.php

Profil : Pointeur
Plus d'informations

axlkilla a écrit :

Un menu dynamique facilement paramétrable : http://iubito.free.fr/prog/menu.php


non !!
 
ya 9% des gens qui désactivent le javascript! le site est donc inaccessible pour eux...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Profil : Pointeur
Plus d'informations

[:mlc] désolé


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Plus d'informations

Citation :

non !!
 
ya 9% des gens qui désactivent le javascript! le site est donc inaccessible pour eux...


 
L'auteur de ce menu stipule qu'une de ses particularités est qu'il est accessible même si le javascript est désactivé. J'ai pas testé... En tout cas, si c'est vrai, ça doit être moins classe graphiquement mais ça sauve les meubles quand même.  

Plus d'informations

C'est vrai que sa page est pas terrible, mais le menu qu'il donne en téléchargement est pas mal foutu, une fois qu'on l'a purgé des images et des X versions différentes qui servent à rien. Je n'ai pas testé tout ce qu'il affirme, mais le fait d'avoir un menu qui fonctionne avec ou sans javascript, sur une dizaine de navigateurs différents (y compris les principaux, bien sur), qui soit accessible aux logiciels de synthèse vocale pour mal-voyant (avec des petites ruses pour rendre le débit plus clair!), je trouve ça pas mal.  
Sinon c'est sûr que que l'ergonomie de sa page est à revoir.

..............................
Plus d'informations

axlkilla a écrit :

Un menu dynamique facilement paramétrable : http://iubito.free.fr/prog/menu.php


je vais essayer si ji arrive


---------------
kaioken
Plus d'informations

sinon tu peux aller voir sur http://www.javascriptfr.com

Profil : Pointeur
Plus d'informations

oui, bon, faut toujours faire attention a ces scripts...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Profil : Pointeur
Plus d'informations

autre page pour un beau menu deroulant : http://www.htmldog.com/articles/su [...] s/example/


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
..............................
Plus d'informations

oué mais c en anglais
mais je crois ke je vais laisser tomber ji arrive pas a faire ce putin de menu deroulant je suis une grosse dobe !!!!!!!!!!!!!!!!!!! :fou:  :fou:  :fou:  :fou:  :fou:


---------------
kaioken
Profil : Pointeur
Plus d'informations

oui mais dans l'informatique, sans l'anglais on fait pas grand chose...
c'est presque obligatoire si on veux arriver a quelque chose...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Plus d'informations

Regarde le code source de cette page  :)  
 
http://tutorials.alsacreations.com [...] smenu4.htm
 
 
La partie "head" :
 

Code :
  1. <head>
  2. <script type="text/javascript">
  3. <!--
  4. window.onload=montre;
  5. function montre(id) {
  6. var d = document.getElementById(id);
  7. for (var i = 1; i<=10; i++) {
  8. if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  9. }
  10. if (d) {d.style.display='block';}
  11. }
  12. //-->
  13. </script>
  14. <style type="text/css">
  15. <!--
  16. body {background: white; padding: 0; margin: 0; font-family: verdana, arial, sans-serif; font-size: 90%; color: black; }
  17. dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; }
  18. #menu {position: absolute; top: 1em; left: 1em; width: 10em; }
  19. #menu dt {cursor: pointer; background: #A9BFCB; height: 20px; line-height: 20px; margin: 2px 0; border: 1px solid gray; text-align: center; font-weight: bold; }
  20. #menu dd {position: absolute; z-index: 100; left: 8em; margin-top: -1.4em; width: 10em; background: #A9BFCB; border: 1px solid gray; }
  21. #menu ul {padding: 2px; }
  22. #menu li {text-align: center; font-size: 85%; height: 18px; line-height: 18px; }
  23. #menu li a, #menu dt a {color: #000; text-decoration: none; display: block; }
  24. #menu li a:hover {text-decoration: underline; }
  25. #mentions {font-family: verdana, arial, sans-serif; position: absolute; bottom: 200px; left: 10px; color: #000; background-color: #ddd; }
  26. #mentions a {text-decoration: none; color: #222; }
  27. #mentions a:hover {text-decoration: underline; }
  28. -->
  29. </style>
  30. </head>


 
 
La partie "body" :
 

Code :
  1. <body>
  2. <!-- Menu  -->
  3. <dl id="menu">
  4. <dt onmouseover="javascript:montre('smenu1');"><a href="#">Menu 1</a></dt>
  5. <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
  6. <ul>
  7. <li><a href="#">Menu 1.1</a></li>
  8. <li><a href="#">Menu 1.2</a></li>
  9. <li><a href="#">Menu 1.3</a></li>
  10. </ul>
  11. </dd>
  12. <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Menu 2</dt>
  13. <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
  14. <ul>
  15. <li><a href="#">Menu 2.1</a></li>
  16. <li><a href="#">Menu 2.2</a></li>
  17. </ul>
  18. </dd>
  19. <dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Menu 3</dt>
  20. <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
  21. <ul>
  22. <li><a href="#">Menu 3.1</a></li>
  23. <li><a href="#">Menu 3.1</a></li>
  24. <li><a href="#">Menu 3.1</a></li>
  25. <li><a href="#">Menu 3.1</a></li>
  26. <li><a href="#">Menu 3.1</a></li>
  27. <li><a href="#">Menu 3.1</a></li>
  28. </ul>
  29. </dd>
  30. <dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">Menu 4</dt>
  31. <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
  32. <ul>
  33. <li><a href="#">Menu 4.1</a></li>
  34. <li><a href="#">Menu 4.1</a></li>
  35. </ul>
  36. </dd>
  37. </dl>
  38. </body>


 

Plus d'informations

bonjour,
je viens de lire la question de kaioken et vos réponses que vous lui avait faites et moi même j'ai le même problème et ce que je vois, c'est qu'alors qu'on demande de l'aide on vous réponds autre chose sans vous donner la réponse à la question posée,
on s'en fiche que ce soit en anglais, il y a des personnes qui sont nuls en javascript ou autre, et qui voudrait faire un site sympas sans pour autant perdre un temps infini dans ce qui savent pas ou qu'il connaisse pas, moi ca fait plus de six mois que je penche dessus et les explications sont souvent sommaire ou extra terrestres, on ne peut pas être bons partout, et si on demande de l'aide justement c'est pour qu'on nous aide et non pas qu'on nous enfonce en disant : c'est en anglais le langage ou autre.
Je souhaiterais vraiment que les personnes nous aident dans ce qu'on recherche et nous guide dans notre démarche.
Moi par exemple, j'utilise frontpage 2003 ( perso j'en suis contente ) et j'aimerais qu'on m'aide a faire un menu déroulant dynamique pour mon site et qui marche. Merci

Je me la pête
Profil : /!\ Docteur - PDG
Plus d'informations

Salut,
 
Si tu t'étais un tant soi peu penché sur le fonctionnement de cette catégorie, tu te serais rendu compte que nous ne faisons pas le travail à ta place :/ Tu postes ici le code qui te pose problème et on t'aide à trouver les erreurs. Si tu ne veux pas faire d'effort, il y a plein de boites qui font des sites internet, il te suffit de payer pour !
 
Je ne ferais pas de remarque quant à Frontpage, ni au fait que tu déterres un topic mort pour venir nous prendre la tête avec tes "bons conseils"...
 
Quoiqu'il en soit, soit la bienvenue.


---------------
.: La Pipicy Team :love: :.