Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML - comments Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2008-11-19T09:23:14Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment410179 2008-11-19T09:23:14Z <p>Bonjour,<br class="manualbr" />Découvrant par hasard cette excellente contribution et ayant moi aussi utilisé et tuner pour spip le code d'alsacréation, je me permet d' ajouter ma modeste contribution qui automatise le compteur de la boucle du code javascript; en effet il faut tout simplement utiliser les balises <code>#TOTAL_BOUCLE, #COMPTEUR_BOUCLE</code> des dernières versions de Spip .</p> <p>C'est assez lourd à mettre en place car il faut aussi déclarer des variables avec les balises <code>#SET/#GET</code>, mais le résultat nous fait éviter l'incrustation de code php.<br class="manualbr" />l'idée est la suivante : récupérer le nombre totale de la boucle (soit le total des rubriques à afficher) en utilisant <code>#TOTAL_BOUCLE</code>d'une part et se servir du compteur d'incrémentation de la boucle pour créer les noms des “id” (dtxx ou menuxy ou sousmenuyz) avec <code> #COMPTEUR_BOUCLE d'autre part</code><br class="manualbr" />Ces compteurs sont à rajouter en argument aux fonctions javascript d'affichage.</p> <p>Voici un exemple complet de 2 niveaux de déroulement (je ne met pas le style css car il ne diffère en rien du source cité):<br class="manualbr" /><strong>javascript :</strong><br class="autobr" /> _</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>window.onload=afficheMenu; window.onload=afficheSousMenu; function afficheMenu(id,id2,total) { var d = document.getElementById(id); var dt = document.getElementById(id2); for (var i = 1; i<=total; i++) { if (document.getElementById('smenu'+i)) { document.getElementById('smenu'+i).style.display='none'; } } if (d) { d.style.display='block'; } } function afficheSousMenu(id,id2,soustotal) { var d = document.getElementById(id); for (var i = 1; i<=soustotal; i++) { if (document.getElementById('smenu'+id2+i)) { document.getElementById('smenu'+id2+i).style.display='none'; } } if (d) { d.style.display='block'; } }</code></pre></div> <p>_ <strong>squelette :</strong></p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><BOUCLE_menu(RUBRIQUES) {id_parent} {lang} {par titre}> [(#REM on recupere le nombre total de rubrique de tete ainsi que l'incrementation de la boucle principale "_menu" ] [(#SET{total_menu,#TOTAL_BOUCLE})] [(#SET{cpt_menu,#COMPTEUR_BOUCLE})] <dl> <dt id="[dt(#COMPTEUR_BOUCLE)]" onmouseover="javascript:afficheMenu('[smenu(#COMPTEUR_BOUCLE)]','[dt(#COMPTEUR_BOUCLE)]','[(#TOTAL_BOUCLE)]');" onmouseout="javascript:afficheMenu();" > <a href="#URL_RUBRIQUE" border="0">[(#TITRE|supprimer_numero|coupeTitre{20})]</a></dt> <B_sous_menu> <dd id="[smenu(#GET{cpt_menu})]" onmouseover="javascript:afficheMenu('[smenu(#GET{cpt_menu})]','[dt(#COMPTEUR_BOUCLE)]','[(#GET{total_menu})]')" onmouseout="javascript:afficheMenu();"> <ul> <BOUCLE_sous_menu(RUBRIQUES) {id_parent} {par titre}> [(#SET{total_sous_menu,#TOTAL_BOUCLE})] [(#SET{cpt_sous_menu,#COMPTEUR_BOUCLE})] <li onmouseover="javascript:afficheSousMenu('[smenu[(#GET{cpt_menu})](#GET{cpt_sous_menu})]','[(#GET{cpt_menu})]','[(#GET{total_sous_menu})]');" onmouseout="javascript:afficheSousMenu('','[(#GET{cpt_menu})]','[(#GET{total_sous_menu})]');"> <a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a> <B_soussous_menu> [(#SET{total_soussous_menu,#TOTAL_BOUCLE})] <ol id="[smenu[(#GET{cpt_menu})](#GET{cpt_sous_menu})]" onmouseover="javascript:afficheSousMenu('[smenu[(#GET{cpt_menu})](#GET{cpt_sous_menu})]','[(#GET{cpt_menu})]','[(#GET{total_soussous_menu})]');" onmouseout="javascript:afficheSousMenu('','[(#GET{cpt_menu})]','[(#GET{total_soussous_menu})]');"> <BOUCLE_soussous_menu(RUBRIQUES) {id_parent} {par titre}> <li><a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero|coupeTitre{20})]</a></li> </BOUCLE_soussous_menu> </ol> </B_soussous_menu> [(#REM) -mEGa FIN 2eme deroulant] </li> </BOUCLE_sous_menu> </ul> </dd></B_sous_menu><//B_sous_menu> </dl> </BOUCLE_menu> </code></pre></div> <p>Spipement vôtre ;-)</p> Problème Menus déroulant -horizontal - en feuilles de style CSS fondé sur XHTML 2008-03-21T20:36:15Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment404260 2008-03-21T20:36:15Z <p>Bonjour à tous,</p> <p>J'ai pris exactement le menu deroulant horizontal mais rie ne ce se déroule regarder sur mon site <a href="http://www.rezolinux.com" class="spip_out" rel='nofollow external'>http://www.rezolinux.com</a></p> <p>Qui peux m'aider merci</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-09-24T08:09:14Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment398393 2007-09-24T08:09:14Z <p>Merci beaucoup :)</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-09-14T16:03:42Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment397966 2007-09-14T16:03:42Z <p>salut,</p> <p>j'ai exactement le meme probleme avec montre('').</p> <p>quelqu'un a trouvé une astuce?!?</p> <p>merci</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-06-07T13:19:52Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment394697 2007-06-07T13:19:52Z <p>Si sa interesse quelqu'un j'ai modifié la boucle pour affiché directement le titre des articles quand il n'y a pas de sous-rubrique, si il y a des sous-rubriques leur titre s'affiche dans le menu déroulant.</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><div id='nav-container'> <B_rubriques> <div id="nav"> <ul> <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}> <BOUCLE_articles(ARTICLES){id_rubrique}{par titre}> <li> <a href="#URL_ARTICLE">[(#TITRE|supprimer_numero|couper{80})]</a> </BOUCLE_articles> [(#REM) Si aucun article, affiche un plan de la rubrique ] <B_sous_rubriques> <ul> <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}> <li> <h6><a href="#URL_RUBRIQUE" <BOUCLE_test_sousrub(RUBRIQUES){id_parent}{0,1}>class='daddy'</BOUCLE_test_sousrub>>[(#TITRE|supprimer_numero|couper{80})]</a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re> </li></h6> </BOUCLE_sous_rubriques> </ul> </B_sous_rubriques> </li> </BOUCLE_rubriques> </ul> </div> </B_rubriques> </div></code></pre></div> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-03-10T03:46:04Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment391896 2007-03-10T03:46:04Z <p>Bonjour tous le monde!</p> <p>Je suis débutant sous SPIP et j'ai un petit problème! Je suis sous SPIP 1.9.1</p> <p>J'utilise un menu semblable mais avec la fonction “onclick”, le javascript utiliser est</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } //--> </script></code></pre></div> <p>Mon code HTML est celui-ci :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><!-- DEBUT MENU GAUCHE --> <div id="menugauche"> <dl id="menu"> <BOUCLE_rub(RUBRIQUES){racine}{tout}{par num titre}> <dt onclick="javascript:montre('');"><a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)]">[(#TITRE|supprimer_numero)]</a></dt> <dd id=""> <B_srub> <ul> <BOUCLE_srub(RUBRIQUES){id_parent}> <li><a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)]">[(#TITRE|supprimer_numero)]</a></li> </BOUCLE_srub> </ul> </dd> </B_srub> </BOUCLE_rub> </dl> </div> <!-- FIN MENU GAUCHE --></code></pre></div> <p>Mon menu est en verticale, et mon problème est le suivant :</p> <p><strong>Il n'affiche que mes sous-rubriques de ma 1ère rubrique ! Au clique des rubriques suivante il ne rabaisse pas la 1ère rubrique et n'affiche pas les sous rubrique de la rubrique cliquée !</strong> ( Ouf je m'excuse d'avance pour cette phrase un peu mal tournée ! )</p> <p>Si quelqu'un à une astuce pour palier à ce problème je suis preneur !!</p> <p><strong>Merci</strong> d'avance !</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-02-09T23:49:51Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment391007 2007-02-09T23:49:51Z <p>j'ai écris trop vite, il faut lire :<br class="autobr" /> “J'ai intégré le CSS dans habillage .css, et dans sommaire.html, j'ai enlevé l'ancien code pour mettre un INCLUDE vers le inc_menu (...”</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2007-02-09T23:48:13Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment391006 2007-02-09T23:48:13Z <p>Bonjour à tous !</p> <p>J'ai la dernière version de SPIP qui tourne, a base d'un squelette EPONA.<br class="autobr" /> Je modifie ce squelette et je voulais surtout obtenir un menu horizontal (pas besoin qu'il soit deroulant)<br class="autobr" /> j'essaye depuis quelques heures de faire tourner ce script Alsacréations et je n'arrive qu'à obtenir un menu horizontal, avec trois boutons (Accueil, et les deux rubriques à la racine du site). Le lien vers l'acceuil rend effectif ce bouton, mais pour les deux suivants, rien...</p> <p>J'ai intégré le CSS dans habillage .css, et dans sommaire.html, j'ai enlevé l'ancien code pour mettre un <include> vers le inc_menu que j'ai changé avec le code fourni.</include></p> <p>Où est l'erreur ?<br class="autobr" /> merci de votre aide, il n'y a plus que cela qui me bloque vraiment, le reste n'étant que de la biduouille simple de css...</p> <p>merci d'avance de votre aide</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-12-12T23:40:56Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment389518 2006-12-12T23:40:56Z <p>Salut,</p> <p>j'avais le même problème que toi, c'est à dire que, quand on a plusieurs sous-rubriques dans une rubrique, le menu se ferme dès qu'on veut passer à la ligne suivante, comme s'il n'existait qu'une seule ligne.</p> <p>J'ai résolu ce problème en observant ce que Bienf (ci-dessus) a fait sur son site : il a mis en commentaire (donc annulé) une partie du code.</p> <p><code><dd id="#DESCRIPTIF"> <!-- onmouseover="javascript:montre('#DESCRIPTIF');" onmouseout="javascript:montre('');" --></code></p> <p>Voilà, j'espère que ce sera utile à d'autres !</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-07-08T15:24:01Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386531 2006-07-08T15:24:01Z <p>Hello,<br class="autobr" /> Moi aussi dévoreur des bons conseils d'alsacrations, j'en ai appliqué un très facilement à Spip (horizontal se déroulant verticalement).</p> <p>Voici son application: <a href="http://www.observatoirecitoyen.be/" class="spip_out" rel='nofollow external'>http://www.observatoirecitoyen.be/</a></p> <p>Il y reste cependant un petit bug, que non codeur, je n'arrive pas du tout à comprendre. Si l'auteur de l'article ou d'autres experts ont la possibilité d'un jeter un oeil, il serait temps que j'arrive à shooter ce petit bug d'affichage. Merci!</p> <p>L</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-07-05T15:56:07Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386515 2006-07-05T15:56:07Z <p>Bonjour,</p> <p>J'ai le même problème, as-tu trouvé une solution au fait que les sous menus restent affichés ??? <br class="autobr" /> Grand merci pour cette contribution et vos réponses</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-05-22T16:59:28Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386202 2006-05-22T16:59:28Z <p>Bonjour,<br class="autobr" /> ca y est j'ai presque terminé mon menu,<br class="autobr" /> mais les fenetres ouvertes ne se ferment pas . Comment faire ?</p> <p>J'ai vu qu'il fallait faire : onmouseout= "javascript :montre()<br class="autobr" /> Mais ca ne marche pas ...</p> <p>comme le montre cet extrait du forum :</p> <p>"La version proposée ci-dessus laisse apparaître les sous-menus même lorsqu'ils ne sont plus survolés. Si vous préférez qu'ils se masquent lorsque la souris les quitte, il suffit d'ajouter le comportement onmouseout= “javascript :montre() ;” sur les sous-menus (dd) comme le montre le code suivant :</p> RESOLU 2006-04-23T14:16:21Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386032 2006-04-23T14:16:21Z <p>Pour que cela fonctionne sous ie, il fallait en plus une position absolute aux sous menus #menu dd</p> <p>Bienf</p> Menus déroulant horizontal 2006-04-20T08:54:07Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386005 2006-04-20T08:54:07Z <p>...pardon j'ai mal lu, j'ai lu menu au lieu de “contenu du dessous”.</p> <p>Le contenu du dessous :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code>#page { background: #ffe382; text-align: left; /*margin: 0;*/ padding: 0 5 0 0px; width: 950px; z-index: 1; /*position: absolute;*/ }</code></pre></div> <p>Le menu de gauche est en float :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code>#barre_laterale { float: left; left: 10px; margin: 16px 10px 20px 0; border: 2px solid #64643c; top:200px; padding: 0px 10px 10px 0; color: #64643c; background: #fffde9; width: 157px; z-index:35; }</code></pre></div> Menus déroulant horizontal 2006-04-20T08:48:09Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386004 2006-04-20T08:48:09Z <p>Le #menu dl est en float, mais je n'ai pas ce pb sur netscape, donc il faut pê trouver du javascript qui corrige le problème sur ie.</p> <p>je vais voir la contrib sur alsacreations et celle d'infogm</p> <p>Bienf</p> Menus déroulant horizontal 2006-04-19T20:32:20Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment386001 2006-04-19T20:32:20Z <p>Ton contenu qui s'affiche juste en dessous, ne serait-il pas placé en float ou relative ?</p> Menus déroulant horizontal 2006-04-19T09:52:40Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385994 2006-04-19T09:52:40Z <p>Je corrige, si vous allez sur <a href="http://www.bibliotheques93.fr/index07.htm" class="spip_out" rel='nofollow external'>http://www.bibliotheques93.fr/index07.htm</a> les menus fonctionnent mais si vous choisissez un article dans le menu horizontal, le décalage vers le bas s'observe en pointant sur ce menu .</p> <p>je ne sais à quoi c'est dû.</p> <p>Bienf</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-04-18T16:49:27Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385991 2006-04-18T16:49:27Z <p>bonjour !<br class="autobr" /> J'ai créé un menu déroulant à partir de ce code seulement je rencontre un problème de mise en page. Lorsque le sous-menu se déroule, il décale les rubriques. Vous pouvez visionner à l'adresse que je joind.<br class="autobr" /> Si quelqu'un a une idée d'où ça pourrait venir, merci de son aide !<br class="autobr" /> didi</p> <p>PS : je tiens à préciser que le site devant s'ajuster à la résolution qu'aura l'utilisateur, le menu ne peut être entièrement en absolut...</p> Menus déroulant horizontal, sous Spip... 2006-04-18T10:55:37Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385987 2006-04-18T10:55:37Z <p>Bonjour,</p> <p>Je réalise un site sous Spip.<br class="autobr" /> j'ai des problèmes avec les sous menus alors qu'avec la version html cela fonctionne correctement.</p> <p>Mes sous menus poussent tous les blocs du dessous malgré des positions différentes dans les z-index du CSS.</p> <p><a href="http://www.bibliotheques93.fr/article.php3?id_article=3" class="spip_url spip_out auto" rel="nofollow external">http://www.bibliotheques93.fr/article.php3?id_article=3</a> par exemple</p> <p>Que dois-je faire ?</p> <p>Ce menu fonctionne très bien avec le html <a href="http://www.bibliotheques93.fr/index07.htm" class="spip_url spip_out auto" rel="nofollow external">http://www.bibliotheques93.fr/index07.htm</a></p> <p>merci.</p> <p>Bienf</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-04-09T22:19:04Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385922 2006-04-09T22:19:04Z <p>bonjour,<br class="autobr" /> j'utilise spip et je viens de telecharger le menu deroulant menu css open web <br class="autobr" /> mais j'arrive pas à l'integrer dans le squelette que j'utilise.</p> <p>Si vous avez une solution merci de m'aider.</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-04-05T13:54:04Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385886 2006-04-05T13:54:04Z <p>Bonjour en réponse au message 3, <br class="autobr" /> je ne parviens pas à faire fonctionner le menu horizontal sous SPip, alors qu'en html (et java) j'ai déjà utilisé ce menu qui fonctionne (alsacreations).</p> <p>Bienf</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2006-02-07T14:43:15Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385352 2006-02-07T14:43:15Z <p>Je débute sur SPIP et j'essaie de faire mon premier squelette.<br class="autobr" /> Où dois-je insérer ces fichiers pour pouvoir utiliser le menu. <br />- menu_css.php3 <br />- menu_css.html <br />- menu.css <br class="autobr" /> Merci pour votre aide.</p> Dépasser la limitation du Javascript 2006-02-05T13:05:07Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment385335 2006-02-05T13:05:07Z <p>Le javascript contient une boucle limitant son fonctionnement à 10 rubriques.</p> <p>Voici le code automatisant son adaptation dans SPIP :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><BOUCLE_total_rubriques(RUBRIQUES){!par id_rubrique}{0,1}> <script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=#ID_RUBRIQUE; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } //--> </script> </BOUCLE_total_rubriques></code></pre></div> <p>C'est tout et ça marche super bien.</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-11-18T11:48:44Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment384457 2005-11-18T11:48:44Z <p>je me repond à moi meme : pour la question precedente j'ai trouvé : j'avais pas bien compris l'histoire de #descriptif il faut dans les rubriques concernées rentrer smenu1 smenu2 etc...<br class="autobr" /> par ailleur pour que cela marche sur ie il faut remplacer onmouseover par on focus...<br class="autobr" /> et ca marche super bien....</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-11-17T13:02:38Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment384450 2005-11-17T13:02:38Z <p>Super script quand je le vois fonctionner chez les autres...<br class="autobr" /> pour ma par j'ai telechargé le 1er zip (celui d'alsace creation?) et tout fonctionne tres bien sauf que les rubrique restent toutes ouvertes apres survol....<br class="autobr" /> Quelqu'un aurrait il un idée je me casse la tete la dessus.<br class="autobr" /> j'ai juste pris le script dans son ensemble sans modifications!<br class="autobr" /> merci d'avance</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-10-25T12:27:57Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment384094 2005-10-25T12:27:57Z <p>Je me répond...<br class="manualbr" />Je viens de modifier l'archive Menus CSS OpenWeb qui utilise les champs extras pour l'adapter à la synthaxe d'écriture des filtres de la V1.82d.<br class="autobr" /> Cà marche.</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-10-25T02:48:47Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment384088 2005-10-25T02:48:47Z <p>J'avoue que je ne sais pas ce qu'il fait en plus ou en moins.<br class="autobr" /> Je suis allé faire un petit tour sur la contrib indiquée, mais je n'ais pas eu le temps de regarder en détail. Je ne sais pas si c'est plus compliqué à mettre en oeuvre...<br class="autobr" /> Question en retour : est-ce que la contrib de Miss Mopi permet de mettre le menu en horizontal de manière simple ?</p> <p>Pour le reste ma contrib (2ème partie) fondée sur les champs extra ne semble pas fonctionner sur la version 1.8 de SPIP...d'où les difficultés peut-être des uns et des autres.<br class="autobr" /> En tout cas le script issu de AlsaCréation fonctionne bien comme l'atteste le site <a href="http://www.infogm.org" class="spip_out" rel='nofollow external'>Inf'OGM</a> que je viens de passer en version 1.8.</p> Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-10-20T12:40:58Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment383987 2005-10-20T12:40:58Z <p>Question bête (probablement) : que fait ce script de plus que le script <a href="http://www.spip-contrib.net/Menu-en-cascade-automatique-tout" class="spip_out" rel='nofollow external'>Menu en cascade automatique (tout CSS + javascript pour IE)</a>, sinon qu'il est plus compliqué ?</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-09-22T16:48:18Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment383546 2005-09-22T16:48:18Z <p>Hello,<br class="autobr" /> Essaies en remplaçant id=“#DESCRIPTIF” par id=“#TITRE”<br class="autobr" /> Bonne Chance...<br class="autobr" /> Mus</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-08-25T08:42:08Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment383061 2005-08-25T08:42:08Z <p>même chose pour moi il n'est pas dynamique et ne fonctionne pas. Dommage!</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-08-24T14:12:41Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment383044 2005-08-24T14:12:41Z <p>Alors moi je suis dans le meme cas que toi j'ai tout à gauche et il n'est pas dynamique et le navigateur m'indique une erreur de Js, donc des que vous avez des nouvelle je suis interessée! :p<br class="autobr" /> par contre j'ai utilise #compteur_boucle qui permet d'obtenir tres bien menu1, menu2.... idem pour les sous menus<br class="autobr" /> Audrey</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-08-24T12:36:33Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment383040 2005-08-24T12:36:33Z <p>Bon, j'aurais une simple question : quelqu'un arrive à faire fonctionner ce menu ?</p> <p>Moi j'ai tout sur le côté gauche, et même pas dynamique, je rame !!!</p> <p>Une autre question : pourquoi ne pas utiliser la balise #COMPTEUR_BOUCLE au bout des menu et ssmenu ?</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-08-11T14:38:12Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment382766 2005-08-11T14:38:12Z <p>J'aurais une autre question, étant donné mon manque d'expérience, je me demandais si le positionnement du menu s'effectuait à l'aide de la feuille de style. Merci encore</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-08-10T20:25:43Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment382761 2005-08-10T20:25:43Z <p>Bonjour,</p> <p>J'ai essayé le menu déroulant à la vertical, je l'affiche pi tout est ben beau a l'exception que le menu ne déroule pas, si quelqu'un aurait l'amabilité de m'aidé je lui en saurais extrêmement reconnaissant.</p> <p>Merci beaucoup</p> > Menus déroulant - vertical ou horizontal - en feuilles de style CSS fondé sur XHTML 2005-07-27T12:44:03Z https://contrib.spip.net/Menus-deroulant-vertical-ou#comment382496 2005-07-27T12:44:03Z <p>Bonjour,</p> <p>Comment pourrions nous faire pour rendre ce menu référençable par google, donc ne plus passer par Javascript mais par un css - xhtml ?</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>/* A REGLER MANUELLEMENT SI LE CADRE EST TROP PETIT */ hauteurcadre = 20; xmenu = new Array; xlien = new Array; xmenu[0] = '<a href="http://www.zetudiants.net" class=menudyn3>Accueil</a>'; xmenu[1] = '<a href="-Actu-Etudiante-.html" class=menudyn3>Actu</a>'; xmenu[2] = '<a href="-Forum-.html" class=menudyn3>Forums</a>'; xmenu[3] = '<a href="Blog-liberte-d-expression.html" class=menudyn3>Blogs</a>'; xmenu[4] = '<a href="-Bons-Plans-.html" class=menudyn3>Bons Plans</a>'; xmenu[5] = '<a href="-Diverstissement-.html" class=menudyn3>Divertissement</a>'; xmenu[6] = '<a href="-Annuaire-.html" class=menudyn3>Annuaire</a>'; xmenu[7] = '<a href="/_contact.php3" class=menudyn3>Contact</a>'; xlien[0] = ''; xlien[1] = ''; xlien[2] = ''; xlien[3] = ''; xlien[4] = ''; xlien[5] = ''; xlien[6] = ''; xlien[7] = ''; xlien[0] += '<font color=#005AC3>Portail d\'échange et de partage de la communauté étudiante francophone.</font>'; xlien[1] += '<a href="-Actu-Etudiante-.html" class=menudyn3>Actu Etudiante</a>'; xlien[1] += '<font color=#005AC3> | </font>'; xlien[1] += '<a href="-Actualite-en-Vrac-.html" class=menudyn3>Actu en Vrac</a>'; xlien[1] += '<font color=#005AC3> | </font>'; xlien[1] += '<a href="-Sport-.html" class=menudyn3>Sport</a>'; xlien[1] += '<font color=#005AC3> | </font>'; xlien[1] += '<a href="/_kiosque.php3" class=menudyn3>Le Kiosque : les grands journaux</a>'; xlien[2] += '<a href="Zetudiants-s-Bar.html" class=menudyn3>Général</a>'; xlien[2] += '<font color=#005AC3> | </font>'; xlien[2] += '<a href="Petites-Annonces.html" class=menudyn3>Annonces - Cours</a>'; xlien[2] += '<font color=#005AC3> | </font>'; xlien[2] += '<a href="Vie-etudiante.html" class=menudyn3>Vie étudiante - Sortie</a>'; xlien[2] += '<font color=#005AC3> | </font>'; xlien[2] += '<a href="Musique.html" class=menudyn3>Musique - Ciné ...</a>'; xlien[2] += '<font color=#005AC3> | </font>'; xlien[2] += '<a href="Cuisine-Etudiante.html" class=menudyn3>Cuisine</a>'; xlien[2] += '<font color=#005AC3> | </font>'; xlien[2] += '<a href="Rencontres-Etudiant.html" class=menudyn3>Rencontres</a>'; xlien[3] += '<a href="Blog-liberte-d-expression.html" class=menudyn3>Crée ton blog et visite les blogs des Zetudiants !</a>'; xlien[4] += '<a href="-Cours-Etudiant-.html" class=menudyn3>Cours</a>'; xlien[4] += '<font color=#005AC3> | </font>'; xlien[4] += '<a href="-Stages-Jobs-CV-.html" class=menudyn3>Stages - Jobs - CV</a>'; xlien[4] += '<font color=#005AC3> | </font>'; xlien[4] += '<a href="-Logement-Etudiant-.html" class=menudyn3>Logement</a>'; xlien[4] += '<font color=#005AC3> | </font>'; xlien[4] += '<a href="-Sorties-Etudiantes-.html" class=menudyn3>Sorties</a>'; xlien[4] += '<font color=#005AC3> | </font>'; xlien[4] += '<a href="-Mobile-Logo-Sonnerie-SMS-.html" class=menudyn3>Mobile : sonneries, logos, SMS.</a>'; xlien[4] += '<font color=#005AC3> | </font>'; xlien[4] += '<a href="-Kit-Logiciels-Etudiant-.html" class=menudyn3>Pack Logiciel Etudiants</a>'; xlien[5] += '<a href="-Jeux-Video-.html" class=menudyn3>Jeux Video</a>'; xlien[5] += '<font color=#005AC3> | </font>'; xlien[5] += '<a href="-Cinema-.html" class=menudyn3>Cinéma</a>'; xlien[5] += '<font color=#005AC3> | </font>'; xlien[5] += '<a href="-Musique-.html" class=menudyn3>Musique</a>'; xlien[5] += '<font color=#005AC3> | </font>'; xlien[5] += '<a href="-Bouquins-.html" class=menudyn3>Bouquins</a>'; xlien[5] += '<font color=#005AC3> | </font>'; xlien[5] += '<a href="-Cuisine-etudiante-.html" class=menudyn3>Cuisine</a>'; xlien[6] += '<a href="-Sites-etudiants-.html" class=menudyn3>Sites Etudiants</a>'; xlien[6] += '<font color=#005AC3> | </font>'; xlien[6] += '<a href="-Associations-etudiantes-.html" class=menudyn3>Associations</a>'; xlien[6] += '<font color=#005AC3> | </font>'; xlien[6] += '<a href="-Sites-utiles-.html" class=menudyn3>Sites Utiles</a>'; xlien[6] += '<font color=#005AC3> | </font>'; xlien[6] += '<a href="-Divers-.html" class=menudyn3>Autres</a>'; xlien[7] += '<a href="_contact.php3" class=menudyn3>Webmaster</a>'; xlien[7] += '<font color=#005AC3> | </font>'; xlien[7] += '<a href="mailto:navi@zetudiants.net" class=menudyn3>Rédacteur en chef</a>'; xlien[7] += '<font color=#005AC3> | </font>'; xlien[7] += '<a href="Recrutement.html" class=menudyn3>Recrutement</a>'; document.write('<style type="text/css">\nA.menudyn3 {color:#005AC3; text-decoration:none;}\nA:hover.menudyn3 {color:#005AC3;text-decoration:underline;}\n</STYLE>'); document.write('<table cellpadding=0 cellspacing=0 border=0 width='+(xlien.length*100)+'><tr><td><table cellpadding=2 cellspaccing=1 border=0 width=100%> <tr>'); for(i=0;i<xlien.length;i++) { document.write('<td bgcolor=#FFEC47 onMouseOver="javascript:colorIt(this);MajMenu('+i+')" align=center ID=td'+i+'><font size=1 face="Verdana"><a href="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" class=menudyn3><b>'+xmenu[i]+'</b></a></font></td>'); } document.write('</tr><tr><td colspan='+(xlien.length)+' bgcolor=#FFFFFF height='+hauteurcadre+' valign=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33"> </div></layer></ilayer></td></tr></table></td></tr></table>'); function colorIt(tditem) { if(document.all) { document.all.td0.style.background='#FFEC47'; document.all.td1.style.background='#FFEC47'; document.all.td2.style.background='#FFEC47'; document.all.td3.style.background='#FFEC47'; document.all.td4.style.background='#FFEC47'; document.all.td5.style.background='#FFEC47'; document.all.td6.style.background='#FFEC47'; document.all.td7.style.background='#FFEC47'; tditem.style.background='#FFFFFF'; } else if(document.getElementById) { document.getElementById("td0").style.background='#FFEC47'; document.getElementById("td1").style.background='#FFEC47'; document.getElementById("td2").style.background='#FFEC47'; document.getElementById("td3").style.background='#FFEC47'; document.getElementById("td4").style.background='#FFEC47'; document.getElementById("td5").style.background='#FFEC47'; document.getElementById("td6").style.background='#FFEC47'; document.getElementById("td7").style.background='#FFEC47'; tditem.style.background='#FFFFFF'; } } function MajMenu(menu) { which = xlien[menu]; if (document.layers){ document.dynamenu31.document.dynamenu32.document.write('<font size=1 face="Verdana"><b>'+which+'</b></font>') document.dynamenu31.document.dynamenu32.document.close() } else if (document.getElementById) { document.getElementById("dynamenu33").innerHTML = '<div align="center"><font size=1 face="Verdana, Arial"><b>'+which+'</b></font></div>'; } else if (document.all){ dynamenu33.innerHTML=' ' dynamenu33.innerHTML='<font size=1 face="Verdana"><b>'+which+'</b></font>'; } } if (document.getElementById) colorIt(document.getElementById("td0")); else if (document.all){ colorIt(document.all.td0); } MajMenu(0);</code></pre></div> <p>Cordialement,<br class="autobr" /> Draikhin</p>