Menu jQuery Superfish

Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : https://superfish.joelbirch.design/

Principe

Ce plugin permet l’affichage d’un menu déroulant horizontal ou vertical sur une structure de menu de type ul/li.

Ce plugin ne s’occupe pas du contenu du menu. Le travail peut-être délégué au plugin Menus ou à une noisette Aveline par exemple ou même géré indépendamment en squelette. Il suffira de donner au ul principal du menu la même classe que celle définie dans la page de configuration de ce plugin (Voir ci-dessous).

Installation

Comme tous les autres plugins, cf. https://www.spip.net/fr_article3396.html

Le plugin nécessite les plugins Saisies et YAML (+ Spip_Bonux pour Spip 2.1).

Activation du menu

Attention : Suite à un bug dans le plugin Saisies, le formulaire de configuration ne fonctionnera pas si vous activez l’option Permettre le HTML5 dans les pages de configuration avancée de SPIP.

La page de configuration du plugin permet de :

  • choisir le type de menu à activer : horizontal et/ou vertical
  • saisir la classe de l’élément ul principal du menu
  • saisir l’effet d’animation lors de l’affichage des sous-menus
  • saisir le délai entre la sortie du pointeur du sous-menu et la fermeture de celui-ci

Il ne reste plus qu’à définir vos couleurs en surchargeant la feuille de style du plugin.

Discussion

33 discussions

  • 4

    Bonjour,

    Ce très utile plugin qui fonctionne très bien pour afficher et mettre en forme les menus créé avec le plugin « Menus » n’est malheureusement plus maintenu pour une comptabilité avec Spip au-delà de la version 3.2 de Spip.

    Il existe le plugin « SuperFish (lib) », mais, contrairement au présent "Menu jQuery Superfish", il ne se branche pas directement sur le plugin "Menus" et n’as pas d’interface graphique.

    Je pose donc la question :
    Quelqu’un a-t-il déjà utiliser avec succès « SuperFish (lib) » avec "Menus" ?

    Je vais, bien entendu, tâcher d’y parvenir par moi-même, mais si quelqu’un l’a déjà fait, autant gagner du temps.

    Merci d’avance,

    Cordialement,

    Hervé

    • Bonjour ;

      Pour info, j’utilise ce plugn Menu jQuery Superfish 0.5.6 sur un SPIP 4.0.11 et il fonctionne (avec aussi Menus 1.7.28 )

      dd

    • Il semble qu’il y ait une version compatible SPIP 4.1 en cours de développement depuis quelques jours cf https://git.spip.net/spip-contrib-extensions/jquery_menu_superfish/src/branch/master/paquet.xml

      Un peu de patience et celle-ci devrai être dispo dans SVP.

    • Merci b_b pour ta réponse :
      c’est une très bonne nouvelle car j’utilise jQuery Superfish sur plusieurs sites que j’aimerais mettre à jour vers au minimum spip 4.1.

    • Bonjour

      La 0.6.0 est compatible 4.1 (en tout cas chez moi ça marche)
      J’en ai profité pour mettre à jour les css et javascript qui avaient pris du retard
      La fonctionnalité supersubs a été retiré vu qu’on peut avoir la meme fonctionnalité juste avec des ajustements CSS

    Répondre à ce message

  • 3

    Bonsoir et bonne année

    Une version pour spip 3.1 est prévue ?

    Merci d’avance

    • Bonjour,
      Est-ce que le plugin est maintenu, ou faut-il voir pour d’autres solutions ?
      En vous remerciant

    • Salut,

      le plugin n’est plus maintenu néanmoins, il est compatible 3.1 (V 0.5.4).

      jeanmarie

    • Bonjour Jean Marie,
      Quel dommage, c’était un bon petit plugin qui le faisait bien.
      A tout hasard, existe-t-il une jolie petite alternative (idéalement proposé en responsive) ?

    Répondre à ce message

  • 1

    J’utilise ce plugin depuis plusieurs années, mais ce qui lui manque, pour l’instant, c’est une capacité responsive.
    Or, il existe une déclinaison de Jquery Superfish qui, par l’utilisation de Media Query passe, en dessous d’une largeur d’écran de 800px, d’un menu JQuery surperfish de base à un menu vertical et apparaissant par glissement (un « slide menu », en quelque sorte).

    Voilà l’URL du dépot Gitub :
    https://github.com/chrisdivyak/EasyAsPie

    et celui de la Démo :
    http://code-baker.com/demo/easyaspie/

    Comment l’adapter pour qu’il fonctionne avec le plugin « Menu jQuery Superfish » ?
    Surtout que l’exemple s’appuie sur le JQuery Superfish de base et j’ai un peu de mal à voir comment faire en sorte de l’appliquer au « menu navbar » que j’utilise.

    Une idée ?

    Est-il imaginable de l’intégrer au plugin ?
    Et, soyons fou, d’ajouter à la config le seuil de largeur d’écran pour le basculement vers le menu mobile.

    Merci d’avance

    • Salut, c’était exactement ce que je cherchais à faire, et j’ai bidouillé un peu pour avoir enfin un résultat qui marche avec EasyAsPie : https://github.com/chrisdivyak/EasyAsPie.
      Étant donné qu’il possède de base Superfish, j’ai carrément désactivé le plugin. J’ai par contre gardé le plugin Menus pour gérer mon contenu.

      Pour info j’utilise Spip 3.0.19 et le squelette Spipr-dist.

      Pour ceux que ça pourrait intéresser, vu que je n’ai pas trouvé d’aide à ce sujet sur le net, voilà comment j’ai fait (à peu près).

      -  J’ai désactivé Jquery superfish
      -  J’ai mis le dossier « assets » de EasyAsPie à la racine de mon spip
      -  Ensuite des modification au niveau du code : J’ai récupéré la structure du fichier index.html de EasyAsPie et je l’ai adapté à mon spip. J’ai modifié le plugin Menus, le fichier menus\v1.5.9\inclure\nav.html (j’imagine qu’il y a beaucoup plus propre comme façon de faire) afin qu’il ressemble à ça :

      <script src="assets/js/superfish.js"></script>
      <script src="assets/js/easyaspie.min.js"></script>
      <script type="text/javascript">
      
          $(document).ready(function() {
              $('nav').easyPie();
          });    
          </script>
      
      [(#REM) 
      	
      	ZPIP 2.x
      	
      ]<nav class="menu-conteneur navbar-inner applePie">
      	#INCLURE{fond=inclure/menu, env, identifiant=barrenav}
      </nav>

      Comme j’utilisais Spipr-dist qui gère le responsive, il passe le menu sous-forme d’un bouton tout seul en dessous d’une certaine résolution. Étonnamment, mon menu EasyAsPie se déroulait sous ce dernier, et pas sous le sien. Je me suis donc servi de celui là, et je n’ai pas implémenté la ligne : <div class="menubtn">Menu Button</div> autrement nécessaire.

      J’ai aussi touché au fichier menu.html du même dossier, pour rajouter un id à la balise ul. Le bon id est « nav », mais le plugin Menus en possède déjà un du même nom. J’ai donc mis

      Je crois que c’est à peu près tout à ce niveau là (j’ai pas mal bidouillé avant de tomber sur quelque chose de bien donc je ne m’en souviens plus tout à fait ^^’) Pour finir j’ai modifié mon perso.css, pour que ça ressemble à quelque chose. Pour info voilà ce que j’ai (comprend le css donné par EasyAsPie) :

      /**********************************************************
       * Menus déroulants Easy As Pie*
      **********************************************************/
      
      .btn-navbar{
      	display: none;
      	}
      nav{
          font-size:11px;/*16px*/
          line-height: 1.2;
          display: block;
          position: relative;
          z-index:9999;
          min-height: 32px;
      	}
      nav span{
      	display: none;
      	}
      
      /* all lists */
      nav ul, nav ul ul {
      	padding: 0;
      	margin: 0;
      	list-style: none;
      	line-height: 1;
      	position: relative;
      	z-index:300;
      	}
      nav ul a {
      	display: block;
      	text-decoration: none;
      	}
      /* all list items */
      nav ul li {
      	float:left;
      	-webkit-transition: background-color 0.7s ease;
          -moz-transition: background-color 0.7s ease;
          -o-transition: background-color 0.7s ease;
          -ms-transition: background-color 0.7s ease;
          transition: background-color 0.7s ease;
      	}
      nav ul li:last-child{
      	border:none;
      	}
      /* second-level lists */
      nav ul li ul {
      	position: absolute;
      	width: 12em;
      	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
      	}
      nav ul li ul li{
      	width: 12em;
      	}
      nav ul ul li,
      nav ul ul ul li,
      nav ul ul ul ul li{
      	border-right:none;
      	}
      
      nav ul li a.sf-with-ul:after {
      /*Symbole de la flèche du menu déroulant*/
      	/*content: '\00BB';/*Right Double Arrows*/
      	/*content: '\003E';/*Medium >*/
      	/*content: '\FE65';/*Small >*/
      	content: '\FF1E';/*Big >*/
      	/*content: '\1405';/*Triangle complet vide*/
      	/*content: '\22B3';/*Triangle complet vide Plat*/
      	/*content: '\2023';/*Petite flèche pleine*/
      
      	font-weight: bold;
      	color: white;
      	opacity: 0.7;
      	text-shadow: 0px 0px 0.5px rgba(255,255,255,0.7);
      
      	display: inline-block;
      	*float:right;/*IE7 Fix*/
      	position:relative;
      	top: 0.1em;
      	right: -0.4em;
      	}
      
      nav ul li.sfHover a.sf-with-ul:after{
      	-moz-transform: rotate(90deg);
      	-webkit-transform: rotate(90deg);
      	-o-transform: rotate(90deg);
      	-ms-transform: rotate(90deg);
      	transform: rotate(90deg);
      
      	top: 0.1em;
      	right: -0.5em;
      	opacity: 0.9;
      	text-shadow: 1px -1px 1px rgba(0,0,0,0.2);
      	}
      nav ul li.sfHover li a.sf-with-ul:after{
      	-moz-transform: rotate(0deg);
      	-webkit-transform: rotate(0deg);
      	-o-transform: rotate(0deg);
      	-ms-transform: rotate(0deg);
      	transform: rotate(0deg);
      	}
      nav ul li a.sf-with-ul:only-child:after{
      	content: '';/* if only child, delete arrow */
      	 }
      nav ul li ul a{
      	padding:0.5em 1.5em;
      	margin-top:-1px; /*to offset bottom border*/
      	}
      nav ul li ul li:last-child a{
      	border-bottom:none;
      	}
      /* third-and-above-level lists */
      nav ul li ul ul {
      	margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/
      	}
      nav ul li:hover ul ul,
      nav ul li:hover ul ul ul,
      nav ul li.sfhover ul ul,
      nav ul li.sfhover ul ul ul {
      	left: -999em;
      	}
      
      nav ul li:hover ul,
      nav ul li li:hover ul,
      nav ul li li li:hover ul,
      nav ul li.sfhover ul,
      nav ul li li.sfhover ul,
      nav ul li li li.sfhover ul { /* lists nested under hovered list items */
      	left: auto;
      	}
      /*UNIVERSAL PADDING*/
      nav ul a,
      nav ul li a,
      nav ul li ul a {
      	padding:0.5em 1.5em;
      	}
      /*----------------------------------
      	IE7
      -----------------------------------*/
      .ie7 nav ul li a.sf-with-ul{
      	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
      	 background-repeat: no-repeat;
      	 background-position:right center;
           }
      /*----------------------------------
      	IE6
      -----------------------------------*/
      .ie6 nav ul li a.sf-with-ul{
      	 background-image: url('../images/arrow.png');
      	 background-repeat: no-repeat;
      	 background-position:right center;
      	 }
      /*----------------------------------
      	COLORS
      -----------------------------------*/
      nav{
          background:#e5e5e5;
          }
      nav ul a {
      	color:#333;
      	}
      /*Top Nav borders*/
      nav ul li {
      	border-right:1px solid #ccc;
      	}
      
      nav ul li:hover{
      	color: #666;
      	background: #e5e5e5;
      	}
      nav ul li ul a{
      	border-bottom:1px solid #e5e5e5;
      	}
      nav ul li ul {
      	background: #ccc;
      	}
      
      @media (max-width: 767px) {
      /*----------------------------------
      	Easy Pie - petites résolutions
      -----------------------------------*/
      	.btn-navbar{
      		display: block;
      		margin: 5px 0 10px;
      		float:right;
      		text-indent:-9999px;
      		-webkit-transition: all 300ms ease-in-out;
      		-moz-transition: all 300ms ease-in-out;
      		-ms-transition: all 300ms ease-in-out;
      		-o-transition: all 300ms ease-in-out;
      		transition: all 300ms ease-in-out;
      		width:40px;
      		height:40px;
      		}
      	.btn-navbar:hover{
      		cursor: pointer;
      		}
      	nav span{
      		display: block;
      		}
      	nav span{
      		position: relative;
      		float: right;
      		padding: 10px;
      		}
      	nav span:hover{
      		cursor: pointer;
      		}
      	nav ul,
      	nav ul > ul{
      		display: none;
      		float:none;
      		width:100%;
      		}
      	nav ul li {
      		border-right:none;
      		}
      	nav ul li a.sf-with-ul:after {
      		content:'';
      		}
      	nav ul li ul,
      	nav ul li ul li{
      		width: 100%;
      		}
      	nav ul li ul a{
      		border-bottom:none;
      		}
      	nav ul ul,
      	nav ul li{
      		width:100%;
      		}
      	#nav nav ul li a{
      		padding:0.5em 1em 0.5em 1em;
      		float: left;
      		}
      	#nav nav ul li ul a{
      		padding: 0.5em 1em 0.5em 2em;
      		margin: 1px;
      		}
      	#nav nav ul ul li ul a{
      		padding: 0.5em 1em 0.5em 3em;
      		margin: 1px;
      		}
      	#nav nav ul ul ul li ul a{
      		padding: 0.5em 1em 0.5em 4em;
      		margin: 1px;
      		}
      	#nav nav ul li ul,
      	#nav nav ul li ul ul,
      	#nav nav ul li:hover ul ul,
      	#nav nav ul li:hover ul ul ul,
      	#nav nav ul li.sfhover ul ul,
      	#nav nav ul li.sfhover ul ul ul,
      	#nav nav ul li:hover ul,
      	#nav nav ul li li:hover ul,
      	#nav nav ul li li li:hover ul,
      	#nav nav ul li.sfhover ul,
      	#nav nav ul li li.sfhover ul,
      	#nav nav ul li li li.sfhover ul {
      		position: relative;
      		display: none;
      		margin: 0 0 0 0;
      		left: 0em; /* using left instead of display because display: none isn't read by screen readers */
      		}
      
      	/*----------------------------------
      		MOBILE COLORS
      	-----------------------------------*/
      	nav{
      		background: none;
      		}
      	.btn-navbar{
      		background: #333 url('../images/menuicon.png')  no-repeat right top;
      		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
       		filter: alpha(opacity=60);
       		-khtml-opacity: 0.6;
       		opacity: 0.6;
      		}
      	.btn-navbar:hover,
      	.menuOpen{
      		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       		filter: alpha(opacity=100);
       		-khtml-opacity: 1;
       		opacity: 1;
      		}
      	/*Plus icon*/
      	nav span{
      		background: #00b4ff;
      		color:#fff;
      		}
      	nav span:hover{
      		background: #049ad6;
      		}
      	/*Top Nav background*/
      	nav ul ul,
      	nav ul li{
      		background: #eeeeee;
      		}
      	/*Sub-Nav background*/
      	nav ul li ul li{
      		background: #ccc;
      		}
      	/*Sub-Nav borders*/
      	nav ul li ul li{
      		border-bottom:1px solid #e5e5e5;
      		}
      	/*sub, sub-Nav background*/
      	nav ul ul ul li{
      		background: #ccc;
      		}
      	/*First Nav Item when open*/
      	ul li.menuOpen,
      	ul li.menuOpen:hover{
      		background:#47a3da;
      		}
      	ul li.menuOpen >span{
      		background: #049ad6;
      	}
      	/*Sub-Nav Item when open*/
      	ul ul li.menuOpen,
      	ul ul li.menuOpen:hover{
      		background:#a9e4fc;
      		}
      	/*Sub, Sub-Nav Item when open*/
      	ul ul ul li.menuOpen,
      	ul ul ul li.menuOpen:hover{
      		background:#cdebf7;
      		}
      /*----------------------------------
      	Fin Easy Pie - Petites résolutions
      -----------------------------------*/
      
      /* Menus déroulants perso */
      	.nav-collapse{
      		width: 250px;
      		right: 5px;
      		top: -10px;
      	}
      
      	.nav-collapse .nav li{
      		float: right;
      		border: none;
      		margin: 0;
      		min-height: 31px;
      	}
      
      	.nav-collapse .nav li a{
      		margin-bottom: 0; 
      		width: 79.5%;
      		line-height: 20px;
      		border-radius: 0px;
      	}
      
      	#nav .nav-colapse .nav li span{
      		font-size: 11px;
      	}
      
      	.nav-collapse .nav li li a{
      		width: 73%;
      	}
      
      	.nav-collapse .nav li li span{
      		padding: 12px 10px;
      	}
      
      	.nav-collapse .nav li li li a{
      		width: 67%;
      	}
      
      
      
      	#nav .nav-collapse .nav li:hover{
      		background-color: transparent;
      		background-image: linear-gradient(to bottom, #D0EFFF, #B0DFFF);
      		color: #444;
      	}
      
      	#nav .nav-collapse .nav li a:hover{
      		background-color: transparent;
      		background-image: linear-gradient(to bottom, #D0EFFF, #B0DFFF);
      		color: #444;
      	}
      
      	.nav-collapse .nav li li{
      		border-bottom: 0.2px solid rgba(200,200,200,0.5);
      	}
      
      	.nav-collapse .nav li li:last-child{
      		border: none;
      	}
      }

      Voilà j’espère n’avoir rien omis, c’est du gros bricolage mais ça vous aidera peut être ! Si vous avec des remarques ou des amélioration à proposer à ça n’hésitez pas.

    Répondre à ce message

  • 1
    Hélène Laulan

    J’ai installé les 3 plugins ; j’ai activé les 3 plugins ; j’ai configuré le plugin Menu Jquery Superfish.
    Le menu de mon site sous SPIP 3 n’est toujours pas déroulant. Qu’est-ce que je n’ai pas compris ?
    Merci beaucoup de m’éclairer.

    • Bonjour,
      J’ai le même problème que vous. L’aviez-vous résolu ?
      Je vous remercie d’avance.

    Répondre à ce message

  • 2

    bonjour, le bouton submit du formulaire de configuration n’actionne rien, impossible de configurer quoi que ce soit.
    testé sur plusieurs configurations , dont SPIP 3.0.11 [20757] vierge.
    Personne n’a ce problème ? bonne journée, Pierre

    Répondre à ce message

  • 12

    Salut,

    Je n’arrive pas à paramétrer le type de menu dans l’admin. J’ai désinstallé et réinstallé ce plugin (Version : 0.5.3 SVN [61460]) sans succès sur un site en SPIP 3.0.7

    Lorsque je veux enregistrer une config une popup s’affiche tout en haut de l’écran à droite avec « veuillez compléter ce champ »

    dd

    • Salut, le problème est toujours d’actualité ? As-tu vidé le cache du site et essayé sans autres plugins que superfish et ses dépendances ?

    • Thibaut

      Effectivement, j’ai le même problème que DD sur spip 3.0.8 avec superfish en 0.5.3. Il ne prend pas en compte la radiobox NON des différents type de menus (dans la config du plugin) et oblige ainsi à remplir tous les champs après avoir coché les radiobox OUI de toutes les sortes de menus.

      Le message s’affiche chez moi tout en bas à gauche de la fenêtre de firefox, en dehors même ! Ce qui fait que j’ai eu du mal à comprendre pourquoi en cliquant sur enregistrer il ne se passait aucune validation.

      Bref, un petit bug pas méchant je pense mais qui bloque effectivement :/

    • Salut, comme je n’arrive pas à reproduire le bug avec les mêmes version de SPIP et du plugin, il va falloir que l’unE d’entre vous me file un accès à son site pour que j’observe le problème.

      Vous pouvez passer sur IRC pour qu’on en discute un de ces jours : http://www.spip.net/irc

    • Même problème en admin sous SPIP 3.0.10, la sauvegarde n’est pas prise en compte lorsqu’on clique sur « OK » (peut être le bouton radio ?)

    • Salut, même proposition que précédemment :p

      Il va falloir que l’unE d’entre vous me file un accès à son site pour que j’observe le problème.
      Vous pouvez passer sur IRC pour qu’on en discute un de ces jours : http://www.spip.net/irc

      ++

    • Semble être un bug venant de « Saisie » (cf post de bruno31 le 16h46) sur la page http://contrib.spip.net/Saisies

      Merci b_b, je peux te donner un accès dès ce soir pour test.

    • Raphaël

      Bonjour,

      Des fois que cela puisse aider : j’ai rencontré le même défaut et il m’a fallu désactiver le html5 de spip pour que ma config soit prise en compte. De base : Il vous faut être admin de SPIP...

    • Ha cool de partager cette piste intéressante avec les personnes qui rencontrent aussi ce pb. C’est fort possible que ça vienne de là car l’activation du HTML5 déclenche l’utilisation de nouveaux attributs sur certains éléments de saisies, du coup c’est peut être bien ça le pb.

      ++

    • Raphaël

      Rendons d’ailleurs à César ce qui lui appartient car c’est bien toi qui m’avait aiguillé ! ^^

    • Ha ben oui je l’avais oublié celle là ^^

      http://contrib.spip.net/Menu-jQuery-Superfish#forum462852

      Comme quoi il est bon de chercher dans le forum avant de poser une question mais aussi avant d’y répondre :p

    • Raphaël

      Je ne peux que confirmer : en souhaitant tout du moins que la vérité ne soit pas ailleurs ! =°)

    • Un énorme merci également !! Après être repassé en HTML4 ET après avoir supprimé le cache, ça fonctionne ! Bravo !

    Répondre à ce message

  • 2

    Bonjour,

    Dès que j’active ce menu mes cartes GIS disparaissent ! (SPIP3 / GIS 4)

    dd

    • Salut, testé à l’instant sur SPIP 3.0.7 SVN [20355] avec GIS4 et jQuery Superfish à jour, aucun problème chez moi.

      Comme souvent une url vers la page où le problème peut être observé serait bien pratique pour t’aider...

    • Salut,
      Résolu !
      J’avais fait une erreur en plaçant le #INSERT_HEAD_CSS au mauvais endroit.

      Merci
      dd

    Répondre à ce message

  • 1

    salut mes amis
    je veux créer un menu déroulant avec Le module superfish + libraries API ,mais lorsque je clique sur configuer de superfish ,il ne me donne pas l’etape suivante.

    aidez moi SVP

    • Salut, quelle version de SPIP utilises-tu ? De quelles librairies tu parles ? Le plugin n’en nécessite pas oO

    Répondre à ce message

  • 3

    Bonjour !

    Je n’arrive pas à accéder la page de configuration du plugin et je ne sais pas pourquoi :

    « Accès interdit - Vous n’avez pas le droit d’accéder à la page configurer_jquerysuperfish. »

    Est-ce que vous avez une idée ?
    Merci en avance !

    • Bonjour,

      Ce plugin fonctionne-t-il sur mon squelette « scolaspip » ?

      Merci

    • Salut, pour accéder à la page de config du plugin il faut être administrateur avec le statut webmestre. Tu peux vérifier que c’est bien le cas sur ta fiche auteur dans le privé.

      ++

    • Je l’ai vérifieé et je suis bien « webmestre » ... ;-o

    Répondre à ce message

  • Hélène Laulan

    J’ai réussi à installer le menu en transformant le code de nav de inclure ; mais j’ai encore un problème :
    il y a toujours un trait noir qui se balade à droite des titres (que je ne suis pas parvenue à enlever dans le code css de superfish)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom