Menu en cascade automatique (tout CSS + javascript pour IE) - comments Menu en cascade automatique (tout CSS + javascript pour IE) 2011-11-05T12:34:46Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment451529 2011-11-05T12:34:46Z <p>merci pour le code ca foncitonne bien</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2009-05-12T15:12:54Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment416294 2009-05-12T15:12:54Z <p>Salut</p> <p>Commment pourrai-je selectionner des rubriques particuliere et non toute les rubriques de mon site ?</p> <p>Cordialement</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2008-09-23T08:52:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment408770 2008-09-23T08:52:51Z <p>je précise juste que j'ai utilisé la première boucle que vous donnez, en haut de l'article...</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2008-09-23T08:50:06Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment408769 2008-09-23T08:50:06Z <p>bonjour, <br class="autobr" /> j'ai réussi à mettre en place ce menu, et je vous en remercie.<br class="autobr" /> j'ai changé un peu la mise en page, pour l'avoir en horizontal, mais ce que j'aimerais, c'est changer les sous-rubriques en articles. en fait, sous spip, je n'ai pas de sous-rubriques. donc, j'aimerais que lorsque le menu se déroule, il montre les articles de la rubrique... j'ai essayé plusieurs choses, mais je n'y arrive pas... si vous avez une solution....</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2008-08-14T09:44:32Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment407965 2008-08-14T09:44:32Z <p>bonjour <br class="autobr" /> voila je ne c'est pas si ce menu est encore utilisé mais je le trouve très sympa, donc je l'ai installé avec un peu de mal. il fonctionne<br class="autobr" /> mais <br class="autobr" /> une erreur javascript intervient avec firebug :<br class="autobr" /> «setHover is not defined à la premiere ligne.<br class="autobr" /> [Break on this error]» <code><!DOCTYPE html PUBLIC '-//W3C//DTD XHTML...w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'></code><br class="autobr" /> <a href="http://www.lanouee.fr" class="spip_url spip_out auto" rel="nofollow external">www.lanouee.fr</a> (ligne 1)</p> <p>et une autre après quelque seconde:<br class="autobr" /> [Exception... “'JavaScript component does not have a method named: “onRefreshAttempted”' when calling method: [nsIWebProgressListener2::onRefreshAttempted]” nsresult: “0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)” location: “<code><unknown></code>” data: no]</p> <p>Est ce que c'est dû seulement au hack pour IE pour que ce menu fonctionne ?<br class="autobr" /> est ce sans incidences?<br class="autobr" /> Voila j'essaie de mettre ce site au norme mais la je buche.<br class="autobr" /> merci à spip contrib de m'aider.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-09-18T12:18:18Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment398124 2007-09-18T12:18:18Z <p>Hi again,</p> <p>je viens de trouver la solution au menu deroulant pour lequel on passe l'identifiant de la rubrique. en effet une erreur s'est glisse dans le code. la boucle “BOUCLE_menuspipsect /BOUCLE_menuspipsect” ne se terminait pas correctement. je pense qu'il faut bien verifier que toute les boucles SPIP sont bien ferme sinon on obtient ce genre de message d'erreur.</p> <p>a++</p> <p>A happy french american IT</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-08-21T15:47:39Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment397218 2007-08-21T15:47:39Z <p>Hi,<br class="autobr" /> je suis en train d'utiliser le menu css + javascript et ca ne fonctionne pas. J'ai l'impression que les boucles sont mal faites car Spip 1.9.2b me met des messages de bugs du genre:</p> <p>Spip 1.9.2b debug Beicip Inc<br class="autobr" /> Error(s) in template</p> <p>Incorrect loop (BOUCLE) syntax , BOUCLE_ssmenu: double definition</p> <p>Incorrect loop (BOUCLE) syntax , BOUCLE_smenuspip: double definition</p> <p>Incorrect loop (BOUCLE) syntax , BOUCLE_menuspiprub: missing closing tag</p> <p>Incorrect loop (BOUCLE) syntax , BOUCLE_smenr: double definition</p> <p>Incorrect loop (BOUCLE) syntax , BOUCLE_smen: double definition</p> <p>voila j'ai essaye toute les exemple de cet contrib et uniquement un seul marche.<br class="autobr" /> ce que je souhaiterai c'est un menu vertical deroulant contextuel qui affiche uniquement la rubrique courante(selectionnee avant dans un menu horizontal) et ses sous rubriques et facile a manipuler..<br class="autobr" /> please I need your help.</p> <p>Thanks in advance<br class="autobr" /> a french-american desesperate IT</p> Merci ! 2007-06-13T13:27:12Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment394905 2007-06-13T13:27:12Z <p>un grand merci pour cette contrib qui va me permettre de facilement animer un peu mon menu tout en le gardant simple et sobre. Il ne me reste plus qu'à adapter le css à ma sauce.</p> <p>Bravo et merci</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-03-21T17:18:06Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment392282 2007-03-21T17:18:06Z <p>Bonjour,<br class="autobr" /> Je suis un novice en train de crée mon site sous spip 1.9.2 et comme menu de toutes mes pages j'ai choisi le “Menu en cascade automatique (tout CSS + javascript pour IE)” mais je souhaite l'adapter en menu horizontal déroulant vertical. Le lien vers le code source de la page de sauvegarde d'Ibilab ne fonctionne pas.</p> <p>Comment puis je faire pour récupérer la modif de code pour adapter le menu à l'horizontal ?<br class="autobr" /> Et surtout comment si prendre ?</p> <p>Merci à Miss Mopi pour cette superbe contrib</p> <p>Merci de votre aide</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-02-26T17:16:43Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment391439 2007-02-26T17:16:43Z <p>Merci Web Archive!</p> <p><a href="http://web.archive.org/web/20050216133346/http://www.ibilab.net/webdev/exemples/menuencascade-exemple2.htm" class="spip_out" rel='nofollow external'>Sauvegarde de la page Ibilab</a><br class="autobr" /> Tout est là en regardant le code source de la page.</p> <p>Il faudra que j'étudie une mise à jour de cette contribution avec un exemple en menu horizontal.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-02-26T15:59:21Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment391437 2007-02-26T15:59:21Z <p>Bonjour,<br class="autobr" /> J'aurai été très intéressé de voir l'exemple du menu horizontal de ibilab.net, malheureusement, le lien fournit indique que le site n'est plus accessible. Auriez-vous par hazard d'autres sites ou exemples de CSS mettant en oeuvre ce menu horizontalement ?<br class="autobr" /> Merci</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2007-01-12T11:30:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment390287 2007-01-12T11:30:51Z <p>Bonjour.<br /> Un grand merci pour cette contrib qui rend bien des services !<br class="autobr" /> J'ai cependant un léger problème sous IE :<br /> tout fonctionne impec sur tout le site, mais au survol de l'une des rubriques de premier niveau (et uniquement celle-là), il me faut attendre 5 secondes avant de voir s'afficher le premier sous-niveau ! Et idem pour les sous-niveaux suivants...<br /> J'imagine que cela vient du fait que cette branche contient pas moins d'une cinquantaine de sous-rubriques réparties sur une arborescence allant, par endroit jusqu'à 6 sous-niveaux...<br /> Mais bon, je n'ai pas conçu le site. Je suis juste censé en modifier l'apparence.<br class="autobr" /> Auriez-vous une solution ?<br /> Merci d'avance.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-09-12T08:15:05Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387519 2006-09-12T08:15:05Z <p>Bonjour a tous!!<br class="autobr" /> J'ai un petit probleme avec le menu déroulant, je travaille en local avec spip 1.9 et j'ai mis en place le menu mais les sous rubrique ne s'affiche pas quand je passe sur une rubrique avec ma souris... (en fait j'ai un menu juste avec les rubriques)<br class="autobr" /> j'ai modifié la balise body de ma page<br class="autobr" /> <code> <body class="page_sommaire" onload="setHover('menulist')"> </code></p> <p>et voila le code que j'ai mis pour afficher le menu :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code> <script type="text/javascript" src="script/menuderoulant.js"></script> <ul id="menulist"> <BOUCLE_smenuspipr(RUBRIQUES){racine}{par num titre}><li><a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]<BOUCLE_smenr(RUBRIQUES){id_parent}{0,1}><b> >></b></BOUCLE_smenr></a> <B_smenuspip><ul> <BOUCLE_smenuspip(RUBRIQUES){id_parent}{par num titre}><li><a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]<BOUCLE_smen(RUBRIQUES){id_parent}{0,1}><b> >></b></BOUCLE_smen></a> <BOUCLE_ssmenu(boucle_smenuspip)></BOUCLE_ssmenu> </li></BOUCLE_smenuspip> </ul></B_smenuspip> </li></BOUCLE_smenuspipr> </ul></code></pre></div> <p>Donc si vous avez quelques idées pour me sauver ca serait génial!!!</p> <p>Merci d'avance!</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-08-25T11:41:20Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387202 2006-08-25T11:41:20Z <p>bonjour</p> <p>J'ai reussi a integrer le code dans mon squelette; le seul pborbleme que je rencontre est que tout est deplie et reste fige ou que soit la souris.<br class="autobr" /> J'ai verifie le javascript, il est bien appele.</p> <p>tu aurais une idee d'ou ca pourrait venir ?</p> Menu en cascade automatique (tout CSS + javascript pour IE) : conflit avec d'autres scripts??? 2006-08-22T16:33:24Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387144 2006-08-22T16:33:24Z <p>Je suis désolée, je ne suis qu'utilisatrice du script, je suis pour l'instant encore une bille sous javascript.</p> <p>Peut-être poser la question sur des forums javascript?</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-08-22T16:32:14Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387143 2006-08-22T16:32:14Z <p>Bonjour,</p> <p>Il faut changer la CSS, et il y a un exemple sur ibilab pour le faire.</p> <p><a href="http://www.ibilab.net/webdev/exemples/menuencascade-exemple2.htm" class="spip_url spip_out auto" rel="nofollow external">http://www.ibilab.net/webdev/exemples/menuencascade-exemple2.htm</a></p> <p>Tu affiches le code source et tu as tout le nécessaire ;-)</p> Menu en cascade automatique (tout CSS + javascript pour IE) : conflit avec d'autres scripts??? 2006-08-18T10:34:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387099 2006-08-18T10:34:51Z <p>Bonjour à tous,</p> <p>J'ai réussi à installer le menu en cascade qui marche vraiment bien (le site que je crée est sur Spip 1.9).<br class="autobr" /> Par contre, je veux utiliser aussi un script qui gère le positionnement du pied de page du site : <a href="http://pompage.net/pompe/pieds/" class="spip_url spip_out auto" rel="nofollow external">http://pompage.net/pompe/pieds/</a></p> <p>Apparemment, y a un problème de conflit dans les scripts, quand je mets les deux, le menu ne marche plus...</p> <p>Voici le code du script de gestion du pied de page :</p> <p>function getWindowHeight() <i><br class="autobr" /> var windowHeight = 0;<br class="autobr" /> if (typeof(window.innerHeight) == 'number') <i><br class="autobr" /> windowHeight = window.innerHeight;<br class="autobr" /> </i><br class="autobr" /> else <i><br class="autobr" /> if (document.documentElement && document.documentElement.clientHeight) <i><br class="autobr" /> windowHeight = document.documentElement.clientHeight;<br class="autobr" /> </i><br class="autobr" /> else <i><br class="autobr" /> if (document.body && document.body.clientHeight) <i><br class="autobr" /> windowHeight = document.body.clientHeight;<br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> return windowHeight;</i></p> <p> <br class="autobr" /> function setFooter() <i><br class="autobr" /> if (document.getElementById) <i><br class="autobr" /> var windowHeight = getWindowHeight();<br class="autobr" /> if (windowHeight > 0) <i><br class="autobr" /> var contentHeight = document.getElementById('page').offsetHeight;<br class="autobr" /> var footerElement = document.getElementById('pied');<br class="autobr" /> var footerHeight = footerElement.offsetHeight;<br class="autobr" /> if (windowHeight - (contentHeight + footerHeight) >= 0) <i><br class="autobr" /> footerElement.style.position = 'relative';<br class="autobr" /> footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';<br class="autobr" /> </i><br class="autobr" /> else <i><br class="autobr" /> footerElement.style.position = 'static';<br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> window.onload = function() <i><br class="autobr" /> setFooter();<br class="autobr" /> </i><br class="autobr" /> window.onresize = function() <i><br class="autobr" /> setFooter();<br class="autobr" /> </i></p> <p>et le menu déroulant:</p> <p>function hover(obj)<i><br class="autobr" /> if(document.all)<i><br class="autobr" /> UL = obj.getElementsByTagName('ul');<br class="autobr" /> if(UL.length > 0)<i><br class="autobr" /> sousMenu = UL[0].style;<br class="autobr" /> if(sousMenu.display == 'none' || sousMenu.display == '')<i><br class="autobr" /> sousMenu.display = 'block';<br class="autobr" /> </i>else<i><br class="autobr" /> sousMenu.display = 'none';<br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i></p> <p>function setHover(id)<i><br class="autobr" /> LI = document.getElementById(id).getElementsByTagName('li');<br class="autobr" /> nLI = LI.length;<br class="autobr" /> for(i=0; i < nLI; i++)<i><br class="autobr" /> LI[i].onmouseover = function()<i><br class="autobr" /> hover(this);<br class="autobr" /> </i><br class="autobr" /> LI[i].onmouseout = function()<i><br class="autobr" /> hover(this);<br class="autobr" /> </i><br class="autobr" /> </i><br class="autobr" /> </i></p> <p>Merci pour votre aide !</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2006-08-13T13:53:14Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387024 2006-08-13T13:53:14Z <p>il manque une s à la fermeture de</p> <p><code></BOUCLE_article{{s}}sect></code>.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2006-08-13T13:52:34Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment387023 2006-08-13T13:52:34Z <p>il manque une s à la fermeture de .</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-08-09T17:09:36Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment386970 2006-08-09T17:09:36Z <p>Bonjour miss mopi,<br class="autobr" /> je suis débutant en spip html et css... mais j'ai réussi à intégrer ce menu sur spip 1.9.<br class="autobr" /> ma question est simple: j'aimerais en faire un menu à l'horizontale. donc deux trucs : comment afficher les rubriques à la racine à l'horizontale (je pense à text-align center mais bon)? et comment faire pour que quand la souris passe sur une rubrique cela développe le menu verticalement?<br class="autobr" /> en attendant un post de ta part je cherche de mon coté mais je pense que beaucoup de débutants comme moi sont hyper intéressés car ce menu vertical est au top!<br class="autobr" /> merci encore pour ton travail</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-07-24T14:26:01Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment386681 2006-07-24T14:26:01Z <p>Super ça marche !<br class="autobr" /> Merci Miss Popi !</p> <p>La page que tu voulais , c'est mon site ? la voilà : (en cours de modif ) <a href="http://fabrice.cizeron.free.fr/SPIPcollege/" class="spip_url spip_out auto" rel="nofollow external">http://fabrice.cizeron.free.fr/SPIPcollege/</a></p> <p>Merci pour ton aide</p> <p>Fabrice</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-07-24T08:31:21Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment386679 2006-07-24T08:31:21Z <p>Il doit y avoir un lien directement sous li non? Et en appliquant le first-letter sur a ça fonctionne mieux? (genre ul#menu li a:first-letter - sans l'espace entre a et : créé par spip bien sûr).</p> <p>Y'a une page où on peut le voir?</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2006-07-23T14:54:40Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment386675 2006-07-23T14:54:40Z <p>Bonjour,</p> <p>Je suis en train de chercher à mettre en oeuvre la “pseudo classe de texte” first-letter pour modifier la première lettre de chaque ligne du menu mais je galère un peu (spip et css ont moins d'un mois pour moi !!!) et pour l'instant ça marche pas.</p> <p>J'ai essayé de mettre ça dans la feuille de style :</p> <p>/* Mod lettrine*/<br class="autobr" /> ul#menu li:first-letter <i><br class="autobr" /> color: green;<br class="autobr" /> font-size: 200%<br class="autobr" /> </i><br class="autobr" /> /* Fin Mod Lettrine */</p> <p>ça marche pas peut-être parce-que :<br class="autobr" /> “En effet, petit oubli: first-letter ne s'applique qu'au contenu d'un élément de type block, list-item, table-cell, table-caption et inline-block... Mais pas aux éléments inline.<br class="autobr" /> Pour conserver l'effet de first-letter: faire flotter les éléments li plutôt que de les mettre en inline.”</p> <p>Pouvez-vous me dire si le problème est bien celui-ci et s'il est possible de le résoudre.</p> <p>Merci d'avance de votre aide.</p> <p>Fabrice Cizeron</p> Doubler la commande onload=“setHover()” 2006-05-16T07:54:19Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment386179 2006-05-16T07:54:19Z <p>Bonjour,<br class="autobr" /> Tout d'abord je trouve cette contrib super efficace, on la retrouve d'ailleurs sur beaucoup de site sous spip. et moi même je ne m'en passe plus!<br class="autobr" /> Seulement voilà, sur un de mes sites, j'ai fait un menu vertical et un autre horizontal. Ca marche super bien sur firefox, sur safari, mais pas sur IE à cause du javascript qui ne marche que sur l'un ou l'autre des deux menus.<br class="autobr" /> au moment de charger le script je dois choisir le menu à charger ( body onload=“setHover('menu')” ) et je voudrais ajouter menu2 par exemple. j'ai essayer de les mettre dans la même balise séparée par une virgule mais dans ce cas il n'y en a toujours qu'un seul qui charge, et c'est le premier qui apparaît dans la syntaxe.</p> <p>Je pense qu'il doit y avoir une solution à ce problème, mais je dois surement pas chercher au bon endroit.</p> <p>Si quelqu'un a la solution... ou une proposition... Si ce que j'ai expliqué n'est pas claire, je peux toujours ajouter des précisions. Ceux qui sont intéréssés par l'affichage de deux menus peuvent toujours me contacter.</p> Exclusion des rubriques 2005-12-13T08:36:20Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384818 2005-12-13T08:36:20Z <p>Le mieux est d'utiliser les doublons ou les doublons nommés en fonction de votre besoin (si vous utilisez déjà des doublons dans votre page, il faut utiliser les doublons nommés pour éviter le catapultage)!</p> <p>Vous faites une première boucle qui recherche les rubriques ayant ce mot-clé en lui ajoutant l'attribut <code>{doublons}</code> (ou un doublons nommé) et vous rajoutez le critère <code>{doublons}</code> (ou un doublons nommé) dans les boucles rubriques de cette contribution.</p> <p>Bon courage.</p> Exclusion des rubriques 2005-12-13T08:27:43Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384816 2005-12-13T08:27:43Z <p>Bonjour,</p> <p>Que faut-il ajouter à ce script pour exclure les rubriques avec les mots clés.<br class="autobr" /> Merci de votre réponse.</p> <p>Cordialement</p> <p>MARC MEBTOUCHE</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-28T21:59:21Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384165 2005-10-28T21:59:21Z <p>Je l'adopte quand même pour mon squelette (qui fonctionnait jusqu'à présent en Javascript avec coolmenus) car ce menu résoud bien des problèmes.</p> <p>Merci pour ta contribution, je ne manquerais pas de la mentionner.</p> <p>Marc</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-28T18:41:03Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384164 2005-10-28T18:41:03Z <p>Il fonctionne sous IE. Il se déplie! Les mots ont été soigneusement choisis.</p> <p>Je ne peux ni ne veux pas pallier aux faiblesses d'IE.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-28T18:39:57Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384163 2005-10-28T18:39:57Z <p>OK, je note le conseil pour le jour où j'aurais le temps de faire une modif...</p> <p>** ça s'accumule je sais ^^ **</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-28T18:27:49Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384162 2005-10-28T18:27:49Z <p>Comme je ne vais pas garder mes liens en ligne éternellement, je précise ici la solution.</p> <p>Sous IE il faut que la DIV qui porte le menu soit définie *après* les DIV que le menu va recouvrir, faute de quoi il y a l'effet de transparence. Il semble que IE se moque royalement de l'attribut z-index.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-28T18:22:36Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384161 2005-10-28T18:22:36Z <p>Bonjour,</p> <p>Avec l'exemple que tu donnes tu écris ceci:</p> <p>“Attention ce menu ne s'affiche pas à l'identique sous IE et Firefox (par exemple, tout navigateur respectant les standards), mais fonctionne parfaitement sous IE!”</p> <p>Pas tout à fait. Avec IE, dès que l'on quitte un menu pour explorer sa descendance, celui-ci revient à sa couleur de base, ce qui fait perdre l'information du chemin d'accès. Sur Firefox et Safari par contre, ton exemple fonctionne parfaitement.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-22T01:12:43Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment384027 2005-10-22T01:12:43Z <p>Rebonjour,</p> <p>Je te donne la solution que j'ai trouvé (avec bien du mal). Elle était pourtant simple</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-18T23:21:37Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383960 2005-10-18T23:21:37Z <p>Bonjour,<br class="autobr" /> super le menu mais ...<br class="autobr" /> j'ai un problème pour l'integration des articles.<br class="autobr" /> Ils apparaissent simplement au 2eme niveau , mais pas au 1er ni au 3eme niveau ?<br class="autobr" /> Merci de votre aide .<br class="autobr" /> c'est visible sous 2 versions :<br class="autobr" /> <a href="http://antares-sellier.com/spip-ex-md-menuvertical.php3" class="spip_out" rel='nofollow external'>http://antares-sellier.com/spip-ex-md-menuvertical.php3</a><br class="autobr" /> <a href="http://antares-sellier.com/spip-ex-md-menuvertical.php3" class="spip_out" rel='nofollow external'>http://antares-sellier.com/spip-ex-md-menu.php3</a></p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-10-18T22:49:52Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383959 2005-10-18T22:49:52Z <p>Bonjour Miss,</p> <p>Ce menu me plaît beaucoup mais ça ne marche pas avec ma mise en page pourtant pas compliquée. tu peux voir ce que ça donne avec IE sur le lien ci-dessous. La page a été simplifiée à l'extrême mais je n'ai pas trouvé de solution. Aurais tu une idée ?</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-09-26T19:48:18Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383605 2005-09-26T19:48:18Z <p>Merci pour ces infos, je ferais une modif de la contrib!</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-09-26T16:27:36Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383604 2005-09-26T16:27:36Z <p>Tout est bien a sa place, comme indiqué (fichier javascript, balise body modifiée, etc.). Ca marche très bien en local avec EasyPHP mais pas sur le site distant. Toujours la même erreur javascript.</p> <p>Pour ceux qui sont encore confrontés au même problème, j'ai trouvé la solution sur le site <a href="http://www.aidejavascript.com/article151.html" class="spip_out" rel='nofollow external'>http://www.aidejavascript.com/article151.html</a></p> <p>Il faut remplacer le code du fichier javascript “menuderoulant.js” par celui-ci se trouvant sur le site ci-dessus et ça marche !</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-09-23T11:16:46Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383562 2005-09-23T11:16:46Z <p>Il faut indiquer le lien vers le fichier en javascript entre</p> et <p>et ensuite bien indiqué son action au niveau du body.</p> <p>Tu mets ça : <br class="autobr" /> <code><script type="text/javascript" src="script/menuderoulant.js"></script></code></p> <p>au même endroit que tu déclares tes CSS et tu remplace le code du body par :</p> <p><code><body onload="setHover('menulist')"></code></p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-09-23T10:00:41Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383558 2005-09-23T10:00:41Z <p>Bonjour.</p> <p>Je suis confronté au même problème et je ne vois pas comment corriger le problème. Tu fais allusion au fichier javascript mal placé. C'est à dire ?</p> Aide pour la présentation du menu... 2005-09-13T13:41:41Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment383384 2005-09-13T13:41:41Z <p>Bonjour,</p> <p>J'ai créé un menu CSS horizontal pour mon site sous SPIP...</p> <p>Celui-ci fonctionne relativement bien, mais j'ai de gros problèmes d'affichage... Le problème est que les éléments du sous-menu sont plus grands que les éléments du menu principal, résultat, lorsque je me positionne sur un élément du menu principal, tous les autres se décalent... pas très user-friendly!! De plus, la colonne dans laquelle se trouve le menu s'agrandit avec le nombre d'éléments de sous-menu (j'ai volontairemetn mis un border=1 pour que ça se remarque) et décale tout le reste du site vers le bas, ce qui n'est pas le comportement voulu...</p> <p>J'ai essayé de passer le positionnement du sous-menu en “absolute”, ce qui donne le résultat espéré sous Mozilla, mais pas du tout sous IE... Les sous-menu s'affichent alors sur la droite du menu principal, plutôt qu'en dessous...</p> <p>J'espère que vous pourrez m'aider... L'adresse du site est <a href="http://test.loyers.be" class="spip_url spip_out auto" rel="nofollow external">http://test.loyers.be</a></p> <p>Merci d'avance</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-06-09T06:46:29Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381524 2005-06-09T06:46:29Z <p>Trouvé ! Le problème était que le fichier js était au mauvais endroit ... que de temps perdu pour une bêtise pareille ! J'ai encore beaucoup à apprendre...</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-06-08T10:32:13Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381487 2005-06-08T10:32:13Z <p>Bonjour,</p> <p>J'ai utilisé votre script (depuis Spip-Contrib.net) pour le “Menu en cascade automatique (tout CSS + javascript pour IE)” et qui est tiré de votre site.</p> <p>Tout fonctionne très bien SAUF avec IE ... j'ai beau avoir rajouté la “fameuse” ligne dans le tag , soit <code class="echappe-js"><body onload="setHover('menulist')"></code> ... rien à faire, IE refuse systématiquement d'afficher les sous-rubriques et fait une faute sur la page (ligne:18 - celle où se trouve le tag body, Car:1, Erreur:Objet attendu, Code:0, URL:url du site)... j'en perds mon latin, mon grec et (presque) ma patience ...</p> <p>Note importante : je ne suis pas développeur professionnel ni amateur ... juste un bidouilleur du web comme beaucoup ;-)<br class="autobr" /> Si vous pouviez m'aider à résoudre ce petit bug, cela me ferait le plus grand plaisir.<br class="autobr" /> L'adresse (de test) du site est : <a href="http://www.pionnair-ge.com/spip1" class="spip_url spip_out auto" rel="nofollow external">http://www.pionnair-ge.com/spip1</a></p> <p>J'aurais après une deuxième question : comment “allonger” la largeur de la fenêtre faisant apparaître les sous-menus (sous-rubriques) dans votre script (dans la feuille css) ... je tourne en rond aussi.</p> <p>Mille mercis pour vos lumières et excellente journée,<br class="autobr" /> Stéphane</p> > Problème d'affichage 3ème niveau 2005-05-24T16:25:22Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381237 2005-05-24T16:25:22Z <p>j'ai encore été trop vite... pfffffffffff</p> <p>donc soit entre <code><style> et </style></code> dans le head de ta page.</p> > Problème d'affichage 3ème niveau 2005-05-24T16:23:24Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381236 2005-05-24T16:23:24Z <p>Il faut que tu le mettes soit dans un fichier CSS, soit entre dans le head de ta page.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-05-24T16:21:01Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381235 2005-05-24T16:21:01Z <p>Et sur le ul tu mets menu et pas menulist ^^ j'oubliais...</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-05-24T16:20:04Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381234 2005-05-24T16:20:04Z <p>Si tu regardes le code source de la page indiquée ci-dessus le code CSS y est, tu n'as plus qu'à copier/coller et sur le body tu mets :</p> <p><code><body onload="setHover('menu')"></code></p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-05-24T07:45:56Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381215 2005-05-24T07:45:56Z <p>bonjour,</p> <p>Donc si j'ai bien compris, si on veut changer ce menu vertical en menu horizontal, il ne faut que modifier le css? Sinon aurais tu un exemple de css pour menu horizontal car je suis un gros debutant tant en spip qu'en prog.</p> > Problème d'affichage 3ème niveau 2005-05-23T14:08:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment381204 2005-05-23T14:08:51Z <p>bonjour,</p> <p>j'arrive pas a mettre le menu au dessus des autres elements de la page web meme avec le css. La question que je me pose c'est est ce que j'ai bien fai la bonne manip. Sinon pour utiliser le css il faut bien intégrer dans l'html</p> <div>... ou <div>...? Mais dans quelle page faut-il l'introduire? et a quel endroit? Faut il le mettre dans “spip-ex-md-menu.html”. Desole d'etre aussi debutant mais faut bien un debut a tout!!!</div></div> > Problème d'affichage 3ème niveau 2005-05-08T13:16:24Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380920 2005-05-08T13:16:24Z <p>Super, ça marche en local sur firefox et ie. <br class="autobr" /> Merci beaucoup. Ce qui est génial avec spip (et eva spip) c'est qu'on peut essayer des trucs en amateur et il y a toujours un + spécialiste que toi qui peut de donner le coup de main.<br class="autobr" /> A+</p> > Problème d'affichage 3ème niveau 2005-05-08T13:07:57Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380919 2005-05-08T13:07:57Z <p>Rhâââ j'ai encore été trop vite et j'ai oublié les raccourcis SPIP</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code>div#principal { z-index: 2; } div#navigation { z-index: 100; }</code></pre></div> > Problème d'affichage 3ème niveau 2005-05-08T13:05:55Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380918 2005-05-08T13:05:55Z <p>Non rajoute ça dans un de tes fichiers ccs :</p> <p>div#principal <i> z-index: 2; </i><br class="manualbr" />div#navigation <i>z-index: 100; </i></p> <p>Oui le monde SPIP est fantastique ;-)</p> > Problème d'affichage 3ème niveau 2005-05-08T12:51:52Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380916 2005-05-08T12:51:52Z <p>Et ca, c'est dans les pages html où je veux que le menu apparaisse? C'est une commande html “z-index : 2” ? Jamais vu... J'essaie et merci déjà.</p> <p>Le monde spip est fabuleux...</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-05-08T09:14:52Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380913 2005-05-08T09:14:52Z <p>(Désolée de répondre si tard, j'ai loupé ton message)</p> <p>Avec une page en exemple pour ton problème 1, ce serait plus simple à essayer de résoudre.</p> <p>Ensuite le CSS est nécessaire sous IE, le javascript ne permet qu'une chose à IE, c'est d'interpréter le CSS tel qu'il le devrait. Donc certains des éléments du CSS doivent être reportés dans ta feuille de style.</p> <p>Pour ton deuxième point, je ne peux pas t'aider, je ne connais pas assez javascript. Je me contente généralement d'utiliser les scripts des autres ce qui est le cas ici.</p> > Problème d'affichage 3ème niveau 2005-05-08T09:07:02Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380912 2005-05-08T09:07:02Z <p>Il faut que tu attribues des “profondeurs” à certains de tes div, que tu indiques lequel va au-dessus de l'autre.</p> <p>J'ai essayé en mettent “z-index: 2;” à div#principal et un “z-index: 100;” à div#navigation et ça fonctionne :-)</p> Problème d'affichage 3ème niveau 2005-05-08T07:04:28Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380911 2005-05-08T07:04:28Z <p>Bonjour, <br class="autobr" /> D'abord merci pour ce superbe menu. Je l'ai (un peu) adapté sur un site en construction <a href="http://www.allrights.be/fran" class="spip_out" rel='nofollow external'>Objectif</a> et cela fonctionne bien pour rubrique et sous-rubrique. Malheureusement, si j'ajoute une sous-sous-rubrique, le menu déborde sur le texte (normal !) mais il y a un problème de transparence (texte du menu et de l'article sont sur lemême plan) <br class="autobr" /> Je suppose que c'est à régler dans la feuille de style du menu mais où?</p> <p>Merci pour une aide éventuelle</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-30T14:12:45Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380776 2005-04-30T14:12:45Z <p>Qu'est-ce qui ne fonctionne pas? Tu peux décrire plus précisément?</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-30T14:08:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380775 2005-04-30T14:08:51Z <p>ne fonctionne pas avec IE sous mas OS 10.3.8</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-23T14:12:02Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380615 2005-04-23T14:12:02Z <p>Bonjour,<br class="autobr" /> J'ai installé ce menu (le script Javascript sans CSS), il marche très bien en tout cas sur IE. Mais j'ai deux petit problème avec:</p> <p>1. Il affiche toutes les sous rubrique (mères et filles)au chargement de la page d'accueil. Comment faire qu'il n'affiche par defaut que les rubriques meres.</p> <p>2. Je trouve que l'exploration des sous rubriques est par fois trop rapide. Y'a t'il une possibilité de le relentir un peu.</p> <p>Merci</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-20T20:14:00Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380526 2005-04-20T20:14:00Z <p>J'entourerai les boucles articles de code php comme ça :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code><?php if (#EXPOSER="on"){ ?> <BOUCLE_artsect(ARTICLES){id_rubrique}{par titre}> <li><i><a href="#URL_ARTICLE">#TITRE</a></i></li> </BOUCLE_artsect> <?php }; ?></code></pre></div> <p>Donc le résultat ne s'affiche que si on est dans la rubrique correspondante. A répéter pour la boucle article dans le niveau du dessous.</p> <p>Dis-moi si ça fonctionne (ou pas), je n'ai pas d'environnement de dev en ce moment!</p> > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-12T21:52:02Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380298 2005-04-12T21:52:02Z <p>j'ai remis ton code tel qu'evoquer ci dessus et retiré mes modifications. Celles-ci avaient pour but de mettre les articles dans un UL/li différent afin que seul les sous-rubriques et les articles de la rubrique en cours apparaissent comme ci dessous</p> <p>RUBRIQUE 1<br /> Sous_RUB1 ><br /> Sous_RUb2 ><br /> <i>ART1_RUB1</i><br /> <i>ART2_RUB1</i><br /></p> <p>Ton menu propose l'organisation suivante (qui est bien, mais ce n'est pas celle que je desire)<br class="autobr" /> RUBRIQUE 1<br /> Sous_RUB1<br /> <i>Art1_sous_RUB1</i><br /> <i>Art2_sous_RUB1</i><br /> Sous_rub2<br /> <i>Art1_sous_RUB2</i><br /> <i>Art2_sous_RUB2</i><br /> ....</p> <p>si tu as une idée, merci de ta patience</p> <p><a href="http://www.chatenaymalabry.com/m-canet.net/zz_test2.php3?&id_rubrique=2" class="spip_url spip_out auto" rel="nofollow external">http://www.chatenaymalabry.com/m-canet.net/zz_test2.php3?&id_rubrique=2</a> (on peut mettre 6 ou 12 pour avoir deS sous sous rubriques)</p> <p>nicolas</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-11T17:01:25Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380268 2005-04-11T17:01:25Z <p>Ce n'est effectivement pas très compliqué. Essayes ça :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code><ul id="menulist"> <BOUCLE_menu(RUBRIQUES){racine}> <li><a href="#URL_RUBRIQUE">#TITRE</a> <ul><B_sousmenu> <BOUCLE_sousmenu(RUBRIQUES){id_parent}> <li><a href="#URL_RUBRIQUE">#TITRE</a> <ul><BOUCLE_ssousmenu(boucle_sousmenu)></BOUCLE_ssousmenu> <BOUCLE_articlerub(ARTICLES){id_rubrique}> <li><a href="#URL_ARTICLE">#TITRE</a></li> </BOUCLE_articlerub></ul> </li> </BOUCLE_sousmenu> </B_sousmenu> <BOUCLE_articlessect(ARTICLES){id_rubrique}> <li><a href="#URL_ARTICLE">#TITRE</a></li> </BOUCLE_articlesect></ul> </li> </BOUCLE_menu> </ul></code></pre></div> <p>Je n'ai pas les éléments qu'il faut pour tester en local en ce moment. Préviens-moi si ça ne fonctionne pas, mais j'ai préféré essayer de te répondre rapidement.</p> > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-11T16:53:24Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380267 2005-04-11T16:53:24Z <p>Il y a un gros problème dans ton squelette. Je ne comprends pas du tout la logique de ta liste ni ce que tu cherches à faire.</p> <p>Elle devrait être ainsi :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code><ul> <li> Rubrique de premier niveau <ul> <li> Rubrique de deuxième niveau</li> </ul> </li> <--! Fin du li de premier niveau --> </ul></code></pre></div> <p>A chaque fois que tu as un sous niveau il <strong>doit</strong> être imbriqué dans le li du niveau supérieur, ceci correspond au fonctionnement correct d'une liste.</p> <p>Ton squelette ne construit pas du tout tes listes ainsi c'est pour ça que ça ne fonctionne pas. Il n'y a pas d'imbrication des niveaux, et il y a même un li qui ne se termine pas.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-11T13:09:27Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380253 2005-04-11T13:09:27Z <p>bonjour,<br class="autobr" /> je suis nouvel utilisateur de spip et je voudrais savoir comment rajouter l'affichage des articles dans ce menu. Apparrement ce n'est pas sorcier il doit falloir rajouter une boucle, mais la j'avoue que je ne vois pas bien comment faire, j'attend donc votre aide avec impatience...<br class="autobr" /> Merci.</p> > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-04-06T20:26:36Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment380124 2005-04-06T20:26:36Z <p>bon alors il faut reconaitre que j'avais oublié de mettre <br class="autobr" /> <code class="echappe-js"><body onload="setHover('menulist')"></code></p> <p>ce qui faisait que IE ne marchait pas.</p> <p>par contre j'ai toujours les espaces sur firefox et un li qui reste bloqué.</p> <p>voici les liens pour voir <br class="autobr" /> <a href="http://www.chatenaymalabry.com/m-canet.net/spip-ex-md-menu-eng.php3" class="spip_url spip_out auto" rel="nofollow external">http://www.chatenaymalabry.com/m-canet.net/spip-ex-md-menu-eng.php3</a><br class="autobr" /> <a href="http://www.chatenaymalabry.com/m-canet.net/zz_test.css" class="spip_url spip_out auto" rel="nofollow external">http://www.chatenaymalabry.com/m-canet.net/zz_test.css</a><br class="autobr" /> <a href="http://www.chatenaymalabry.com/m-canet.net/zz_test2.html" class="spip_url spip_out auto" rel="nofollow external">http://www.chatenaymalabry.com/m-canet.net/zz_test2.html</a></p> <p>merci pour ton aide</p> > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-24T22:58:02Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379845 2005-03-24T22:58:02Z <p>salut <br class="autobr" /> j'ai implémenté ton script initiale et la pas de probleme. Merci beaucoup.<br class="autobr" /> Par contre sur ton 2<sup class="typo_exposants">nd</sup> exemple j'ai un décalage sur firefox et ca plante lamentablement sur MIE (comme d'hab) aurai tu une idée</p> <p>merci nicolas</p> > > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-20T18:46:16Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379738 2005-03-20T18:46:16Z <p>Du nouveau???</p> > > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-15T09:21:08Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379628 2005-03-15T09:21:08Z <p>Merci beaucoup pour ton aide !<br class="autobr" /> Je vais mettre en place tout ça et te tiens au courant.<br class="autobr" /> à+</p> > > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-15T00:16:03Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379621 2005-03-15T00:16:03Z <p>Je pense qu'il suffit de reprendre la boucle du secteur courant :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code><BOUCLE_englob(RUBRIQUES){id_rubrique}> <B_menuspip> <ul id="menulist"><BOUCLE_menuspip(HIERARCHIE){id_rubrique}{0,1}> <li><b><a href="#URL_RUBRIQUE">#TITRE</a></b></li> <BOUCLE_artsect(ARTICLES){id_rubrique}{par titre}><li><i><a href="#URL_ARTICLE">#TITRE</a></i></li> </BOUCLE_artsect> <BOUCLE_smenuspip(RUBRIQUES){id_parent}><li><a href="#URL_RUBRIQUE">#TITRE</a> <BOUCLE_artrub(ARTICLES){id_rubrique}{par titre}><li><i><a href="#URL_ARTICLE">#TITRE</a></i></li> </BOUCLE_artrub> <B_ssmenu><ul> <BOUCLE_ssmenu(boucle_smenuspip)></BOUCLE_ssmenu> </ul></B_ssmenu> </li></BOUCLE_smenuspip> </BOUCLE_menuspip> </ul> </B_menuspip> <ul id="menulist"><BOUCLE_menuspipsect(RUBRIQUES){id_rubrique}> <li><b><a href="#URL_RUBRIQUE">#TITRE</a></b></li> <BOUCLE_artsects(ARTICLES){id_rubrique}{par titre}><li><i><a href="#URL_ARTICLE">#TITRE</a></i></li> </BOUCLE_artsects> <BOUCLE_smenuspipsect(RUBRIQUES){id_parent}><li><a href="#URL_RUBRIQUE">#TITRE</a> <BOUCLE_artrubs(ARTICLES){id_rubrique}{par titre}><li><i><a href="#URL_ARTICLE">#TITRE</a></i></li> </BOUCLE_artrubs> <B_ssmenusect><ul> <BOUCLE_ssmenusect(boucle_smenuspipsect)></BOUCLE_ssmenusect> </ul></B_ssmenusect> </li></BOUCLE_smenuspipsect> </ul> <//B_menuspip> </BOUCLE_englob></code></pre></div> <p>Le secteur courant est en haut de la liste et en gras pour le faire ressortir.<br class="manualbr" />Les articles sont en italique pour les différencier des rubriques. Ils sont éventuellement afichés avant les rubriques.<br class="manualbr" />Cette boucle fonctionnera quelque soit la page (rubriques, sous-rubriques, voir sous-sous-rubriques et articles).</p> <p>Si tu n'as pas de sous-sous rubrique tu peux enlever les boucles récursives (ce qu'il y a entre B_ssmenu et /B_ssmenu et entre B_ssmenusect et /B_ssmenusect.</p> <p>Il faut peut-être que tu rajoutes également un tri “par titre” sur les boucles menuspip et menuspipsect.</p> <p>Pour afficher plutôt les sous titres tu remplaces “par titre” par “par soustitre” et le #TITRE suivant par #SOUSTITRE dans les boucles qui impliquent (ARTICLES).</p> <p>Regarde si le résultat te convient et tiens moi au courant (si c'est en ligne, je veux bien voir le résultat).</p> > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-14T23:38:18Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379620 2005-03-14T23:38:18Z <p>Bon, progressivement on va finir par y arriver...<br class="autobr" /> Mais une question d'abord : un secteur c'est quoi ? Est-ce que c'est le premier niveau de l'arborescence de spip ? Dans l'interface de rédaction, en français, de spip ce sont des rubriques et en anglais ce sont des sections. Mais secteurs, je ne sais c'est pas ce que c'est... c'est peut-être aussi une des raison pour lesquelles on ne se comprend pas très bien.. Bref, ai-je fait avancer le schmilblick ? ;-)</p> <p>- Y'a-t-il des articles dans la rubrique et faut-il les afficher dans le menu<small class="fine"> </small>?<br class="autobr" /> Oui, il y a des articles et c'est leur titre (c'est peut-être le mot qu'il manquait...) que j'aimerais afficher. Un exemple : imaginons un site sur l'art contemporain.<br class="autobr" /> Les rubriques pourraient être : <br />- Musique <br />- Peinture <br />- Sculpture <br />- etc...</p> <p>Les sous-rubriques de la section Musique pourraient être : <br />- Musique électroacoustique <br />- Musique sérielle <br />- Musique répétitive <br />- etc...</p> <p>Dans la sous-rubrique “Musique électroacoustique” on pourrait trouver des articles avec des titres du genre : <br />- La musique de François Bayle <br />- Stockhausen et la synthèse <br />- etc...</p> <p>Ce qui donne comme arborescence du site Art contemporain : <br />- RUBRIQUE // SOUS-RUBRIQUE // ARTICLES <br />- Musique // Musique électroacoustique // La musique de François Bayle, Stockhausen et la synthèse, etc...</p> <p>Ce que j'aimerais c'est, non pas afficher toute l'arborescence du site, mais par exemple sur une page, avoir un menu qui donne, à partir du bouton “Musique électroacoustique” (sous-rubrique) tous les titres des articles de cette sous-rubrique par ordre alphabétique, ou bien par ordre chronologique, ou bien par autre chose, etc...</p> <p>- Le menu est-il identique entre la rubrique et sa sous-rubrique<small class="fine"> </small>?<br class="autobr" /> euh... pas compris, là...</p> <p>- ton niveau rubrique est bien le niveau le plus haut (premiers niveaux de l'arborescence=secteur)<small class="fine"> </small>? <br class="autobr" /> oui, là on est en phase. Oufff !</p> <p>- La boucle sera un tout petit peu plus complexe, mais c'est largement réalisable :)<br class="autobr" /> ça, c'est cool !</p> > > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-14T17:56:51Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379611 2005-03-14T17:56:51Z <p>Ah si, comment détectes-tu la sous-rubrique à afficher? par son numéro et tu fais un menu particulier pour chaque section? ou par mot-clé, ou...??</p> > > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-14T17:53:59Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379610 2005-03-14T17:53:59Z <p>Donc si je résume bien :</p> <p>* rubriques (secteurs?)<br class="autobr" /> ** sous-rubriques<br class="autobr" /> *** articles</p> <p>Quelques questions pour éviter les aller-retours :</p> <p>* Y'a-t-il des articles dans la rubrique et faut-il les afficher dans le menu?<br class="autobr" /> * Le menu est-il identique entre la rubrique et sa sous-rubrique?<br class="autobr" /> * ton niveau rubrique est bien le niveau le plus haut (premiers niveaux de l'arborescence=secteur)?</p> <p>La boucle sera un tout petit peu plus complexe, mais c'est largement réalisable :)</p> > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-14T17:24:09Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379609 2005-03-14T17:24:09Z <p>Merci de ta réponse.</p> <p>Dans l'arborescence de mon site spip le premier niveau correspond aux rubriques, le second aux sous-rubriques, le troisième aux article.</p> <p>Ce que je souhaiterais, c'est avoir un menu qui affiche les deux derniers niveaux. Et dans le meilleur des cas, sélectionner une sous-rubrique (deuxième niveau). <br />- 1 sous rubrique / articles (ordre alphab) <br />- 1 sous rubrique / articles classés selon un autre champ.</p> <p>J'espère que j'ai été plus clair...<br class="autobr" /> Merci encore !!!</p> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-14T09:09:07Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379580 2005-03-14T09:09:07Z <p>Je n'arrive pas très bien à saisir l'arborescence que tu cherches à faire. Tu veux quoi en premier niveau? Les secteurs, puis par secteurs une et une seule sous-rubrique, et dans cette sous-rubrique soit les articles triés par titre soit les articles triés par sous-titre c'est ça?</p> <p>Il me manque essentiellement l'information sur le premier niveau de ton menu.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-13T00:18:02Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379552 2005-03-13T00:18:02Z <p>Salut et merci pour toutes ces explications fortes utiles. J'ai cependant une question, ma maîtrise de SPIP étant assez limité pour l'instant...</p> <p>Sachant que le menu que tu donnes en exemple (le deuxième) correspond à Rubriques/Sous-Rubriques.</p> <p>Je souhaiterais pouvoir créer plusieurs types menus à l'image de ce que tu as décrit, mais je n'y parviens pas : 1. Une sous-rubrique (et non toutes les sous-rubriques) qui afficherait tous les articles de cette rubrique par ordre alphabétique. 2. Une sous-rubrique qui afficherait tous les articles de cette rubrique par sous-titre (qui correspond chez moi à des dates).</p> <p>Merci pour tout conseil !</p> <p>PS<br class="autobr" /> je tente désespéremment de poster ce message... j'espère qu'il ne sera pas publié plusieurs fois. Mille excuses si c'est le cas !</p> > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-03T10:00:59Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379314 2005-03-03T10:00:59Z <p>Merci de ton aide.</p> <p>Je t'envoi ça.</p> <p>J'ai modifié le UNKNOWN ainsi que le FLOAT : pas de changement.</p> <p>Tout le CH tourne sur IE 6.</p> <p><strong>Merci encore, olivier.</strong></p> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-02T21:36:28Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379296 2005-03-02T21:36:28Z <p>Pourrais-tu enregsitré et m'envoyé une page produite par ton site ou une page squelette complète (voire les deux), je n'arrive pas à reproduire ton problème.</p> <p>Cependant quelques éléments :</p> <p>ton UNKNOWN au début est en fait ul#menu li:hover>ul sinon le menu ne fonctionne pas sous les navigateurs récents.</p> <p>Evite de multiplier les padding-top, padding-bottom, etc... (margin, border-style, ...) surtout si c'est pour leur donner la même valeur. padding: 0; suffit (pas besoin de préciser de mesure quand il s'agit de 0). Tu peux aussi dire : padding 6px 2px; (6 en haut et en bas, 2 à gauche et à droite). Ou encore padding : 1px 2px 3px 4px; tu pars de 1px en haut puis tu tournes dans le sens des aiguilles d'une montre (droite bas gauche).</p> <p>Si le menu se met à gauche ça vient d'un float:left, essaye en enlevant le float: left sur ul#menu (mais pas sur ul#menu li).</p> <p>Envois-moi tes éléments par mail, je pourrais voir le problème dans son contexte, ce sera plus facile pour moi.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-02T15:06:33Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379280 2005-03-02T15:06:33Z <p>Encore merci Miss Mopi :-)</p> <p>J'ai fais une adaptation de ce menu sur <a href="http://www.biospip.org" class="spip_url spip_out" rel='nofollow external'>www.biospip.org</a> : style “Menu dynamique”. J'y ai ajouté la fameuse balise #EXPOSER qui marche à merveille sous SPIP 1.8 pour identifier la hierarchie de rubriques dans laquelle on se trouve (et l'indiquer par un changement de couleur dans le menu par exemple).</p> <p>- Le squelette du menu : <a href="http://biospip.org/biospip/inc_menu.html" class="spip_url spip_out" rel='nofollow external'>http://biospip.org/biospip/inc_menu.html</a> ; <br />- La feuille css du menu : <a href="http://biospip.org/biospip/biocss/defaut/menudyn2.css" class="spip_url spip_out" rel='nofollow external'>http://biospip.org/biospip/biocss/d...</a>.</p> <p>Voilà, et encore merci pour tout Miss Mopi.</p> > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-02T08:58:55Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379274 2005-03-02T08:58:55Z <p>Non, il s'agit d'un intranet hospitalier.</p> <p>Merci en tout cas de prendre sur ton temps pour tenter de m'aider.</p> <p>Une dernière question si tu m'y autorise : ce menu apparait dans une table, configurée pour que les cellules soient centrées. Hors le menu s'affiche désespérement à gauche...Une idée ?</p> <p>J'arrive à maîtriser le HTML, un peu le PHP, et mieux SPIP, mais par contre je rete d'une nullité crasse pour les feuilles de styles complexes. Un miracle ?</p> <p>Merci d'avance, olivier.</p> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-02T06:37:43Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379273 2005-03-02T06:37:43Z <p>Ton exemple est en ligne? Je trouve ça plus facile à dépanner directement sur la page.</p> <p>Dans tous les cas, je regarde ça ce soir.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-03-02T01:22:52Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379272 2005-03-02T01:22:52Z <p>Félicitations à l'auteur !<br class="autobr" /> Un script utile et simple...sauf que j'ai comme un léger problème !<br class="autobr" /> J'utilise une feuille de style permettant d'afficher le menu sous forme horizontal, comme le menu d'une application windows.</p> <p>Pile poil pour le niveau O et le niveau 1. Par contre, le niveau 2 se retrouve décalé vers la droite, devenant du même coup inaccessible. Problème de réglage de la feuille de style sûrement, mais là je sèche...</p> <p>Quel est l'élément permettant de positionner les sous-menus de second niveaux (et plus) ?</p> <p>Merci d'essayer de me dépanner.</p> <p>Ma feuille de style est la suivante :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class=""><code>UL#menu LI UL {DISPLAY: none} UNKNOWN {DISPLAY: block} /* cadre entourant les liens du premier niveau */ UL#menu { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #FFFFFF; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 0.7em Arial; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; border: 1px dotted #999999; } /* barre HR de séparation entre les liens d'un même niveau */ UL#menu HR { MARGIN-LEFT: 4px; MARGIN-RIGHT: 4px } /* détermine l'affichage en horizontal des liens de premier niveau */ UL#menu LI { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px } /* force retour à la ligne des premiers éléments de liste */ UL#menu LI.first { PADDING-LEFT: 2px } /* force le retour à la ligne des derniers éléments de liste */ UL#menu LI.last { PADDING-RIGHT: 2px } /* encadrement des éléments de chaque liste*/ UL#menu LI A { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px dotted #999999; } /* encadrement au survol des éléments de chaque liste*/ UL#menu LI A:hover { BORDER-LEFT-COLOR: #f0f0f0; BORDER-BOTTOM-COLOR: #999999; BORDER-TOP-COLOR: #f0f0f0; BORDER-RIGHT-COLOR: #999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; COLOR : #FFFFFF; BACKGROUND: #999999 ; } /* retour à ligne des éléments de liste de second niveau width :160px*/ UL#menu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10; BACKGROUND: #FFFFFF url(imgmenuencascade/m1.gif) repeat-y -160px 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 160px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; } /* position des éléments de liste */ UL#menu UL UL { Z-INDEX: 11; LEFT: 155px; TOP: 0px } /* alignement final des éléments de liste verticale */ UL#menu UL LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; } /* aspect encadrement des éléments de liste verticale */ UL#menu UL LI A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 160px; PADDING-TOP: 0px; border: 1px dotted #999999; } /* aspect des éléments de liste verticale */ UL#menu UL LI A SPAN { BORDER-RIGHT: medium none; PADDING-RIGHT: 6px; BORDER-TOP: medium none; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: medium none; WIDTH: 156px; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; } /* remplissage du fond des éléments de liste verticale */ UL#menu UL LI A.next SPAN { BACKGROUND: url(imgmenuencascade/fleche.gif) no-repeat 0% 50%; } /* non découvert -160px */ UL#menu UL LI A.next:hover SPAN { BACKGROUND-POSITION: -160px 50%; } /* aspect au survol des liens des éléments de liste verticale*/ UL#menu UL LI A:hover SPAN { COLOR: #ffffff; BACKGROUND-COLOR: #999999; } /* non découvert */ UL#menu UL LI.first { PADDING-LEFT: 0px } /* non découvert */ UL#menu UL LI.first A { BACKGROUND: url(imgmenuencascade/m1.gif) no-repeat -320px 0%; PADDING-TOP: 2px } /* non découvert */ UL#menu UL LI.last { PADDING-RIGHT: 0px } /* non découvert */ UL#menu UL LI.last A { BACKGROUND: url(imgmenuencascade/m1.gif) no-repeat left bottom; PADDING-BOTTOM: 2px }</code></pre></div> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-28T18:51:46Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379249 2005-02-28T18:51:46Z <p>Oui, effectivement le script fonctionne bien lorsque je désactive le script de Weborama, que je trouve bien pratique pour avoir certaines infos qui ne sont fournies par aucun autre compteur. J'ai écrit à Weborama pour en savoir plus...</p> <p>Ca veut dire que les 2 scripts manquent un peu de fiabilité. En attendant je vais essayer de bricoler... Avec le script que j'ai posté ci-dessus, ça marche mieux, mais il y a encore le 1er mouseover qui ne se déclenche pas. C'est pas bien génant, le visiteur ne s'en aperçoit pas, mais c'est pas normal.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-28T12:08:12Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379236 2005-02-28T12:08:12Z <p>J'avoue être étonnée que tu ais dû modifier le js... J'ai testé ce menu sous toutes les coutures avec IE et il fonctionne très bien. Aurais-tu d'autres javascripts avec lesquels il pourrait rentrer en conflit?</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-27T23:29:26Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379222 2005-02-27T23:29:26Z <p>J'ai légèrement modifié menuderoulant.js, car IE n'ouvre pas certains menus sur un onmouseover et l'ouvre sur un onmouseout. Maintenant ça fonctionne à peu près, à cette différence près que IE n'affiche pas le 3e niveau de menu et pas non plus mes menus #EXPOSER. Mais c'est pas grave, z'ont qu'à se mettre sous Mozilla ou Safari...</p> <p>Voici ma version de menuderoulant.js (espérons que SPIP-contrib ne va pas l'afficher en grands caractères...). J'ai scindé en 2 hover() pour IE sache bien ce qu'il faut faire selon le onmouseout et le onmouseover :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>function mouseOver(obj) { if (document.all) { UL = obj.getElementsByTagName('ul'); if (UL.length > 0) { sousMenu = UL[0].style; if (sousMenu.display == 'none' || sousMenu.display == '') { sousMenu.display = 'block'; } } } } function mouseOut(obj) { if (document.all) { UL = obj.getElementsByTagName('ul'); if (UL.length > 0) { sousMenu = UL[0].style; if (sousMenu.display && sousMenu.display != 'none') { sousMenu.display = 'none'; } } } } function setHover(id) { LI = document.getElementById(id).getElementsByTagName('li'); nLI = LI.length; for(i=0; i < nLI; i++){ LI[i].onmouseover = function(){ mouseOver(this); } LI[i].onmouseout = function(){ mouseOut(this); } } }</code></pre></div> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-27T19:13:43Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379216 2005-02-27T19:13:43Z <p>Il faut faire attention à ce que tu modifies dans la feuille de styles c'est clair.</p> <p>Envois-moi ton test et je regarderai pourquoi ça a déconné si tu veux.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-27T18:17:25Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379213 2005-02-27T18:17:25Z <p>J'ai testé. Le javascript n'est malheureusement pas très stable, avec IE évidemment. Dès qu'on modifie un tant soit peu la feuille de style, IE déraille. Les onmouseover et onmouseout fonctionnent mal.</p> Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-27T09:29:07Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379205 2005-02-27T09:29:07Z <p>Super ! Je connaissais ce menu tout CSS. J'ai tenté de le faire fonctionner sous IE avec du javascript, et à ma grande honte, j'avoue avoir abandonné au bout d'un jour... Bravo donc à Ibilab ! Et à toi de nous le présenter adapté à SPIP.</p> <p>Pour IE Mac, c'est vraiment une daube. Microsoft de toute façon a abandonné son développement, et les adeptes du Mac semblent migrer vers Safari.</p> > > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-25T14:58:56Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379165 2005-02-25T14:58:56Z <p>oh, la belle erreur de frappe</p> <p>c'était IE,Internet Explorer et non IS</p> <p>Claude</p> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-24T20:07:57Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379158 2005-02-24T20:07:57Z <p>Je l'ai fait tester en OSX et divers navigateurs (+ Opera sous Windows) et ça fonctionnait, mais pas de personnes avec OS9 sous la main. Je veux bien être tenue au courant des résultats de ton investigation.</p> <p>Par curiosité c'est quoi IS?</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-24T19:57:25Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379157 2005-02-24T19:57:25Z <p>Bonjour,</p> <p>j'ai visité tes pages de test :</p> <p>Window98 et Firefox ou IE, pas de problème.</p> <p>OSX Safari et Firefox, pas de problèmes</p> <p>IS os X et Os 9 (pas Classic, hein) la cata. Les menus prennent la moitié aux trois quarts de la largeur de la fenêtre.</p> <p>Faut que je teste maintenant sur un site à sous-rubriques</p> <p>bravo en tous cas, c'est fort utile comme explications</p> > > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-24T13:27:34Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379139 2005-02-24T13:27:34Z <p>Comme c'est une liste, tout n'est affaire que de CSS après.</p> <p>Tu peux repartir de l'exemple donné par Jep <a href="http://www.ibilab.net/webdev/exemples/menuencascade-exemple2.htm" class="spip_out" rel='nofollow external'>sur ce menu de type application</a>.</p> > Menu en cascade automatique (tout CSS + javascript pour IE) 2005-02-24T08:51:33Z https://contrib.spip.net/Menu-en-cascade-automatique-tout-CSS-javascript-pour#comment379133 2005-02-24T08:51:33Z <p>Très sympa, très utile et très simple : bravo.</p> <p>Par contre ce menu est vertical, quid d'un menu horizontal ?</p> <p>merci</p> <p>A+</p>