Menu en cascade automatique (tout CSS + javascript pour IE) - commentaires 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<small class="fine d-inline"> </small>?</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"> «<small class="fine d-inline"> </small>setHover is not defined à la premiere ligne.<br class="autobr"> [Break on this error]<small class="fine d-inline"> </small>» <code class="spip_code spip_code_inline" dir="ltr"><!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... «<small class="fine d-inline"> </small>'JavaScript component does not have a method named :<small class="fine d-inline"> </small>»onRefreshAttempted«<small class="fine d-inline"> </small>' when calling method : [nsIWebProgressListener2::onRefreshAttempted]<small class="fine d-inline"> </small>» nsresult : «<small class="fine d-inline"> </small>0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)<small class="fine d-inline"> </small>» location : "<code class="spip_code spip_code_inline" dir="ltr"><unknown></code>" data : no]</p> <p>Est ce que c'est dû seulement au hack pour IE pour que ce menu fonctionne<small class="fine d-inline"> </small>?<br class="autobr"> est ce sans incidences<small class="fine d-inline"> </small>?<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<small class="fine d-inline"> </small>! 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<small class="fine d-inline"> </small>?<br class="autobr"> Et surtout comment si prendre<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>?<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<small class="fine d-inline"> </small>!<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<small class="fine d-inline"> </small>! 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<small class="fine d-inline"> </small>?<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<small class="fine d-inline"> </small>!!<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 class="spip_code spip_code_inline" dir="ltr"> <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 class="spip_code spip_code_block" 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<small class="fine d-inline"> </small>!!!</p> <p>Merci d'avance<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>; 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<small class="fine d-inline"> </small>?</p> Menu en cascade automatique (tout CSS + javascript pour IE) : conflit avec d'autres scripts<small class="fine d-inline"> </small>??? 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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>;-)</p> Menu en cascade automatique (tout CSS + javascript pour IE) : conflit avec d'autres scripts<small class="fine d-inline"> </small>??? 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<small class="fine d-inline"> </small>;<br class="autobr"> if (typeof(window.innerHeight) == 'number') <i><br class="autobr"> windowHeight = window.innerHeight<small class="fine d-inline"> </small>;<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<small class="fine d-inline"> </small>;<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<small class="fine d-inline"> </small>;<br class="autobr"> </i><br class="autobr"> </i><br class="autobr"> </i><br class="autobr"> return windowHeight<small class="fine d-inline"> </small>;</i></p> <p> <br class="autobr"> function setFooter() <i><br class="autobr"> if (document.getElementById) <i><br class="autobr"> var windowHeight = getWindowHeight()<small class="fine d-inline"> </small>;<br class="autobr"> if (windowHeight > 0) <i><br class="autobr"> var contentHeight = document.getElementById('page').offsetHeight<small class="fine d-inline"> </small>;<br class="autobr"> var footerElement = document.getElementById('pied')<small class="fine d-inline"> </small>;<br class="autobr"> var footerHeight = footerElement.offsetHeight<small class="fine d-inline"> </small>;<br class="autobr"> if (windowHeight - (contentHeight + footerHeight) >= 0) <i><br class="autobr"> footerElement.style.position = 'relative'<small class="fine d-inline"> </small>;<br class="autobr"> footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px'<small class="fine d-inline"> </small>;<br class="autobr"> </i><br class="autobr"> else <i><br class="autobr"> footerElement.style.position = 'static'<small class="fine d-inline"> </small>;<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()<small class="fine d-inline"> </small>;<br class="autobr"> </i><br class="autobr"> window.onresize = function() <i><br class="autobr"> setFooter()<small class="fine d-inline"> </small>;<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')<small class="fine d-inline"> </small>;<br class="autobr"> if(UL.length > 0)<i><br class="autobr"> sousMenu = UL[0].style<small class="fine d-inline"> </small>;<br class="autobr"> if(sousMenu.display == 'none' || sousMenu.display == '')<i><br class="autobr"> sousMenu.display = 'block'<small class="fine d-inline"> </small>;<br class="autobr"> </i>else<i><br class="autobr"> sousMenu.display = 'none'<small class="fine d-inline"> </small>;<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')<small class="fine d-inline"> </small>;<br class="autobr"> nLI = LI.length<small class="fine d-inline"> </small>;<br class="autobr"> for(i=0<small class="fine d-inline"> </small>; i < nLI<small class="fine d-inline"> </small>; i++)<i><br class="autobr"> LI[i].onmouseover = function()<i><br class="autobr"> hover(this)<small class="fine d-inline"> </small>;<br class="autobr"> </i><br class="autobr"> LI[i].onmouseout = function()<i><br class="autobr"> hover(this)<small class="fine d-inline"> </small>;<br class="autobr"> </i><br class="autobr"> </i><br class="autobr"> </i></p> <p>Merci pour votre aide<small class="fine d-inline"> </small>!</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 class="spip_code spip_code_inline" dir="ltr"></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)<small class="fine d-inline"> </small>? et comment faire pour que quand la souris passe sur une rubrique cela développe le menu verticalement<small class="fine d-inline"> </small>?<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<small class="fine d-inline"> </small>!<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<small class="fine d-inline"> </small>!<br class="autobr"> Merci Miss Popi<small class="fine d-inline"> </small>!</p> <p>La page que tu voulais , c'est mon site<small class="fine d-inline"> </small>? 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<small class="fine d-inline"> </small>? Et en appliquant le first-letter sur a ça fonctionne mieux<small class="fine d-inline"> </small>? (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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!!!) 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<small class="fine d-inline"> </small>;<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=«<small class="fine d-inline"> </small>setHover()<small class="fine d-inline"> </small>» 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<small class="fine d-inline"> </small>!<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=«<small class="fine d-inline"> </small>setHover('menu')<small class="fine d-inline"> </small>» ) 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)<small class="fine d-inline"> </small>!</p> <p>Vous faites une première boucle qui recherche les rubriques ayant ce mot-clé en lui ajoutant l'attribut <code class="spip_code spip_code_inline" dir="ltr">{doublons}</code> (ou un doublons nommé) et vous rajoutez le critère <code class="spip_code spip_code_inline" dir="ltr">{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<small class="fine d-inline"> </small>! 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<small class="fine d-inline"> </small>! »</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 2<sup class="typo_exposants">e</sup> niveau , mais pas au 1<sup class="typo_exposants">er</sup> ni au 3<sup class="typo_exposants">e</sup> niveau<small class="fine d-inline"> </small>?<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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>!</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 class="spip_code spip_code_inline" dir="ltr"><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 class="spip_code spip_code_inline" dir="ltr"><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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!! 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é<small class="fine d-inline"> </small>! Le problème était que le fichier js était au mauvais endroit ... que de temps perdu pour une bêtise pareille<small class="fine d-inline"> </small>! 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 </p>, 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>Note importante : je ne suis pas développeur professionnel ni amateur ... juste un bidouilleur du web comme beaucoup<small class="fine d-inline"> </small>;-)<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<sup class="typo_exposants">e</sup> 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 class="spip_code spip_code_inline" dir="ltr"><style> et </style></code> dans le head de ta page.</p> > Problème d'affichage 3<sup class="typo_exposants">e</sup> 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 class="spip_code spip_code_inline" dir="ltr"><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<small class="fine d-inline"> </small>? 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<sup class="typo_exposants">e</sup> 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 id="navigation">... ou <div id="principal">...<small class="fine d-inline"> </small>? Mais dans quelle page faut-il l'introduire<small class="fine d-inline"> </small>? et a quel endroit<small class="fine d-inline"> </small>? Faut il le mettre dans « spip-ex-md-menu.html ». Desole d'etre aussi debutant mais faut bien un debut a tout<small class="fine d-inline"> </small>!!!</div></div> > Problème d'affichage 3<sup class="typo_exposants">e</sup> 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<sup class="typo_exposants">e</sup> 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 class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>div#principal { z-index: 2; } div#navigation { z-index: 100; }</code></pre></div> > Problème d'affichage 3<sup class="typo_exposants">e</sup> 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<small class="fine d-inline"> </small>; </i><br class="manualbr">div#navigation <i>z-index : 100<small class="fine d-inline"> </small>; </i></p> <p>Oui le monde SPIP est fantastique<small class="fine d-inline"> </small>;-)</p> > Problème d'affichage 3<sup class="typo_exposants">e</sup> 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<small class="fine d-inline"> </small>? C'est une commande html « z-index : 2 »<small class="fine d-inline"> </small>? 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<sup class="typo_exposants">e</sup> 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<small class="fine d-inline"> </small>; » à div#principal et un « z-index : 100<small class="fine d-inline"> </small>; » à div#navigation et ça fonctionne :-)</p> Problème d'affichage 3<sup class="typo_exposants">e</sup> 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<small class="fine d-inline"> </small>!) 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ù<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>? Tu peux décrire plus précisément<small class="fine d-inline"> </small>?</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 class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><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<small class="fine d-inline"> </small>!</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 class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><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 class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><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">d</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<small class="fine d-inline"> </small>???</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<small class="fine d-inline"> </small>!<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 class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><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<small class="fine d-inline"> </small>? Est-ce que c'est le premier niveau de l'arborescence de spip<small class="fine d-inline"> </small>? 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<small class="fine d-inline"> </small>?<small class="fine d-inline"> </small>;-)</p> <p>- Y'a-t-il des articles dans la rubrique et faut-il les afficher dans le menu<small class="fine d-inline"> </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 d-inline"> </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 d-inline"> </small>? <br class="autobr"> oui, là on est en phase. Oufff<small class="fine d-inline"> </small>!</p> <p>- La boucle sera un tout petit peu plus complexe, mais c'est largement réalisable :)<br class="autobr"> ça, c'est cool<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>? par son numéro et tu fais un menu particulier pour chaque section<small class="fine d-inline"> </small>? 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<small class="fine d-inline"> </small>?)<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<small class="fine d-inline"> </small>?<br class="autobr"> * Le menu est-il identique entre la rubrique et sa sous-rubrique<small class="fine d-inline"> </small>?<br class="autobr"> * ton niveau rubrique est bien le niveau le plus haut (premiers niveaux de l'arborescence=secteur)<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!!!</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<small class="fine d-inline"> </small>? 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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>!</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<small class="fine d-inline"> </small>; suffit (pas besoin de préciser de mesure quand il s'agit de 0). Tu peux aussi dire : padding 6px 2px<small class="fine d-inline"> </small>; (6 en haut et en bas, 2 à gauche et à droite). Ou encore padding : 1px 2px 3px 4px<small class="fine d-inline"> </small>; 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><small class="fine d-inline"> </small>; <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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>? 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<small class="fine d-inline"> </small>!<br class="autobr"> Un script utile et simple...sauf que j'ai comme un léger problème<small class="fine d-inline"> </small>!<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)<small class="fine d-inline"> </small>?</p> <p>Merci d'essayer de me dépanner.</p> <p>Ma feuille de style est la suivante :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><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 1<sup class="typo_exposants">er</sup> 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<small class="fine d-inline"> </small>?</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 3<sup class="typo_exposants">e</sup> 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 class="spip_code spip_code_block" 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<small class="fine d-inline"> </small>! 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<small class="fine d-inline"> </small>! 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<small class="fine d-inline"> </small>?</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<small class="fine d-inline"> </small>?</p> <p>merci</p> <p>A+</p>