SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 293 visiteurs en ce moment

Accueil > Navigation > Menus réactifs > jQuery Superfish > Menu jQuery Superfish

Menu jQuery Superfish

19 mars 2011 – par b_b, Yffic – 121 commentaires

14 votes

Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : http://users.tpg.com.au/j_birch/plu...

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. http://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.

Voir en ligne : http://plugins.spip.net/jquerysuperfish

Dernière modification de cette page le 15 août 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 1er janvier à 19:32, par Fennec72 En réponse à : Menu jQuery Superfish

    Bonsoir et bonne année

    Une version pour spip 3.1 est prévue ?

    Merci d’avance

    • Le 30 mars à 11:42, par Beno En réponse à : Menu jQuery Superfish

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

    • Le 9 août à 00:58, par jeanmarie En réponse à : Menu jQuery Superfish

      Salut,

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

      jeanmarie

    • Le 9 août à 08:22, par beno En réponse à : Menu jQuery Superfish

      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

  • Le 25 juin 2014 à 15:07, par Fennec72 En réponse à : Menu jQuery Superfish

    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

    • Le 2 juillet 2015 à 12:30, par Xenospip En réponse à : Menu jQuery Superfish

      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

        . Puis j’ai modifié mes fichiers javascript d’EasyAsPie en conséquence, c’est à dire modifier toutes les références à l’id « nav » par « navi ». (c’est ce qui me semblait le plus simple).

        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) :

        1. /**********************************************************
        2.  * Menus déroulants Easy As Pie*
        3. **********************************************************/
        4.  
        5. .btn-navbar{
        6. display: none;
        7. }
        8. nav{
        9. font-size:11px;/*16px*/
        10. line-height: 1.2;
        11. display: block;
        12. position: relative;
        13. z-index:9999;
        14. min-height: 32px;
        15. }
        16. nav span{
        17. display: none;
        18. }
        19.  
        20. /* all lists */
        21. nav ul, nav ul ul {
        22. padding: 0;
        23. margin: 0;
        24. list-style: none;
        25. line-height: 1;
        26. position: relative;
        27. z-index:300;
        28. }
        29. nav ul a {
        30. display: block;
        31. text-decoration: none;
        32. }
        33. /* all list items */
        34. nav ul li {
        35. float:left;
        36. -webkit-transition: background-color 0.7s ease;
        37. -moz-transition: background-color 0.7s ease;
        38. -o-transition: background-color 0.7s ease;
        39. -ms-transition: background-color 0.7s ease;
        40. transition: background-color 0.7s ease;
        41. }
        42. nav ul li:last-child{
        43. border:none;
        44. }
        45. /* second-level lists */
        46. nav ul li ul {
        47. position: absolute;
        48. width: 12em;
        49. left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        50. }
        51. nav ul li ul li{
        52. width: 12em;
        53. }
        54. nav ul ul li,
        55. nav ul ul ul li,
        56. nav ul ul ul ul li{
        57. border-right:none;
        58. }
        59.  
        60. nav ul li a.sf-with-ul:after {
        61. /*Symbole de la flèche du menu déroulant*/
        62. /*content: '\00BB';/*Right Double Arrows*/
        63. /*content: '\003E';/*Medium >*/
        64. /*content: '\FE65';/*Small >*/
        65. content: '\FF1E';/*Big >*/
        66. /*content: '\1405';/*Triangle complet vide*/
        67. /*content: '\22B3';/*Triangle complet vide Plat*/
        68. /*content: '\2023';/*Petite flèche pleine*/
        69.  
        70. font-weight: bold;
        71. color: white;
        72. opacity: 0.7;
        73. text-shadow: 0px 0px 0.5px rgba(255,255,255,0.7);
        74.  
        75. display: inline-block;
        76. *float:right;/*IE7 Fix*/
        77. position:relative;
        78. top: 0.1em;
        79. right: -0.4em;
        80. }
        81.  
        82. nav ul li.sfHover a.sf-with-ul:after{
        83. -moz-transform: rotate(90deg);
        84. -webkit-transform: rotate(90deg);
        85. -o-transform: rotate(90deg);
        86. -ms-transform: rotate(90deg);
        87. transform: rotate(90deg);
        88.  
        89. top: 0.1em;
        90. right: -0.5em;
        91. opacity: 0.9;
        92. text-shadow: 1px -1px 1px rgba(0,0,0,0.2);
        93. }
        94. nav ul li.sfHover li a.sf-with-ul:after{
        95. -moz-transform: rotate(0deg);
        96. -webkit-transform: rotate(0deg);
        97. -o-transform: rotate(0deg);
        98. -ms-transform: rotate(0deg);
        99. transform: rotate(0deg);
        100. }
        101. nav ul li a.sf-with-ul:only-child:after{
        102. content: '';/* if only child, delete arrow */
        103. }
        104. nav ul li ul a{
        105. padding:0.5em 1.5em;
        106. margin-top:-1px; /*to offset bottom border*/
        107. }
        108. nav ul li ul li:last-child a{
        109. border-bottom:none;
        110. }
        111. /* third-and-above-level lists */
        112. nav ul li ul ul {
        113. margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/
        114. }
        115. nav ul li:hover ul ul,
        116. nav ul li:hover ul ul ul,
        117. nav ul li.sfhover ul ul,
        118. nav ul li.sfhover ul ul ul {
        119. left: -999em;
        120. }
        121.  
        122. nav ul li:hover ul,
        123. nav ul li li:hover ul,
        124. nav ul li li li:hover ul,
        125. nav ul li.sfhover ul,
        126. nav ul li li.sfhover ul,
        127. nav ul li li li.sfhover ul { /* lists nested under hovered list items */
        128. left: auto;
        129. }
        130. /*UNIVERSAL PADDING*/
        131. nav ul a,
        132. nav ul li a,
        133. nav ul li ul a {
        134. padding:0.5em 1.5em;
        135. }
        136. /*----------------------------------
        137. IE7
        138. -----------------------------------*/
        139. .ie7 nav ul li a.sf-with-ul{
        140. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
        141. background-repeat: no-repeat;
        142. background-position:right center;
        143. }
        144. /*----------------------------------
        145. IE6
        146. -----------------------------------*/
        147. .ie6 nav ul li a.sf-with-ul{
        148. background-image: url('../images/arrow.png');
        149. background-repeat: no-repeat;
        150. background-position:right center;
        151. }
        152. /*----------------------------------
        153. COLORS
        154. -----------------------------------*/
        155. nav{
        156. background:#e5e5e5;
        157. }
        158. nav ul a {
        159. color:#333;
        160. }
        161. /*Top Nav borders*/
        162. nav ul li {
        163. border-right:1px solid #ccc;
        164. }
        165.  
        166. nav ul li:hover{
        167. color: #666;
        168. background: #e5e5e5;
        169. }
        170. nav ul li ul a{
        171. border-bottom:1px solid #e5e5e5;
        172. }
        173. nav ul li ul {
        174. background: #ccc;
        175. }
        176.  
        177. @media (max-width: 767px) {
        178. /*----------------------------------
        179. Easy Pie - petites résolutions
        180. -----------------------------------*/
        181. .btn-navbar{
        182. display: block;
        183. margin: 5px 0 10px;
        184. float:right;
        185. text-indent:-9999px;
        186. -webkit-transition: all 300ms ease-in-out;
        187. -moz-transition: all 300ms ease-in-out;
        188. -ms-transition: all 300ms ease-in-out;
        189. -o-transition: all 300ms ease-in-out;
        190. transition: all 300ms ease-in-out;
        191. width:40px;
        192. height:40px;
        193. }
        194. .btn-navbar:hover{
        195. cursor: pointer;
        196. }
        197. nav span{
        198. display: block;
        199. }
        200. nav span{
        201. position: relative;
        202. float: right;
        203. padding: 10px;
        204. }
        205. nav span:hover{
        206. cursor: pointer;
        207. }
        208. nav ul,
        209. nav ul > ul{
        210. display: none;
        211. float:none;
        212. width:100%;
        213. }
        214. nav ul li {
        215. border-right:none;
        216. }
        217. nav ul li a.sf-with-ul:after {
        218. content:'';
        219. }
        220. nav ul li ul,
        221. nav ul li ul li{
        222. width: 100%;
        223. }
        224. nav ul li ul a{
        225. border-bottom:none;
        226. }
        227. nav ul ul,
        228. nav ul li{
        229. width:100%;
        230. }
        231. #nav nav ul li a{
        232. padding:0.5em 1em 0.5em 1em;
        233. float: left;
        234. }
        235. #nav nav ul li ul a{
        236. padding: 0.5em 1em 0.5em 2em;
        237. margin: 1px;
        238. }
        239. #nav nav ul ul li ul a{
        240. padding: 0.5em 1em 0.5em 3em;
        241. margin: 1px;
        242. }
        243. #nav nav ul ul ul li ul a{
        244. padding: 0.5em 1em 0.5em 4em;
        245. margin: 1px;
        246. }
        247. #nav nav ul li ul,
        248. #nav nav ul li ul ul,
        249. #nav nav ul li:hover ul ul,
        250. #nav nav ul li:hover ul ul ul,
        251. #nav nav ul li.sfhover ul ul,
        252. #nav nav ul li.sfhover ul ul ul,
        253. #nav nav ul li:hover ul,
        254. #nav nav ul li li:hover ul,
        255. #nav nav ul li li li:hover ul,
        256. #nav nav ul li.sfhover ul,
        257. #nav nav ul li li.sfhover ul,
        258. #nav nav ul li li li.sfhover ul {
        259. position: relative;
        260. display: none;
        261. margin: 0 0 0 0;
        262. left: 0em; /* using left instead of display because display: none isn't read by screen readers */
        263. }
        264.  
        265. /*----------------------------------
        266. MOBILE COLORS
        267. -----------------------------------*/
        268. nav{
        269. background: none;
        270. }
        271. .btn-navbar{
        272. background: #333 url('../images/menuicon.png') no-repeat right top;
        273. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        274. filter: alpha(opacity=60);
        275. -khtml-opacity: 0.6;
        276. opacity: 0.6;
        277. }
        278. .btn-navbar:hover,
        279. .menuOpen{
        280. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        281. filter: alpha(opacity=100);
        282. -khtml-opacity: 1;
        283. opacity: 1;
        284. }
        285. /*Plus icon*/
        286. nav span{
        287. background: #00b4ff;
        288. color:#fff;
        289. }
        290. nav span:hover{
        291. background: #049ad6;
        292. }
        293. /*Top Nav background*/
        294. nav ul ul,
        295. nav ul li{
        296. background: #eeeeee;
        297. }
        298. /*Sub-Nav background*/
        299. nav ul li ul li{
        300. background: #ccc;
        301. }
        302. /*Sub-Nav borders*/
        303. nav ul li ul li{
        304. border-bottom:1px solid #e5e5e5;
        305. }
        306. /*sub, sub-Nav background*/
        307. nav ul ul ul li{
        308. background: #ccc;
        309. }
        310. /*First Nav Item when open*/
        311. ul li.menuOpen,
        312. ul li.menuOpen:hover{
        313. background:#47a3da;
        314. }
        315. ul li.menuOpen >span{
        316. background: #049ad6;
        317. }
        318. /*Sub-Nav Item when open*/
        319. ul ul li.menuOpen,
        320. ul ul li.menuOpen:hover{
        321. background:#a9e4fc;
        322. }
        323. /*Sub, Sub-Nav Item when open*/
        324. ul ul ul li.menuOpen,
        325. ul ul ul li.menuOpen:hover{
        326. background:#cdebf7;
        327. }
        328. /*----------------------------------
        329. Fin Easy Pie - Petites résolutions
        330. -----------------------------------*/
        331.  
        332. /* Menus déroulants perso */
        333. .nav-collapse{
        334. width: 250px;
        335. right: 5px;
        336. top: -10px;
        337. }
        338.  
        339. .nav-collapse .nav li{
        340. float: right;
        341. border: none;
        342. margin: 0;
        343. min-height: 31px;
        344. }
        345.  
        346. .nav-collapse .nav li a{
        347. margin-bottom: 0;
        348. width: 79.5%;
        349. line-height: 20px;
        350. border-radius: 0px;
        351. }
        352.  
        353. #nav .nav-colapse .nav li span{
        354. font-size: 11px;
        355. }
        356.  
        357. .nav-collapse .nav li li a{
        358. width: 73%;
        359. }
        360.  
        361. .nav-collapse .nav li li span{
        362. padding: 12px 10px;
        363. }
        364.  
        365. .nav-collapse .nav li li li a{
        366. width: 67%;
        367. }
        368.  
        369.  
        370.  
        371. #nav .nav-collapse .nav li:hover{
        372. background-color: transparent;
        373. background-image: linear-gradient(to bottom, #D0EFFF, #B0DFFF);
        374. color: #444;
        375. }
        376.  
        377. #nav .nav-collapse .nav li a:hover{
        378. background-color: transparent;
        379. background-image: linear-gradient(to bottom, #D0EFFF, #B0DFFF);
        380. color: #444;
        381. }
        382.  
        383. .nav-collapse .nav li li{
        384. border-bottom: 0.2px solid rgba(200,200,200,0.5);
        385. }
        386.  
        387. .nav-collapse .nav li li:last-child{
        388. border: none;
        389. }
        390. }

        Télécharger

        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

  • Le 19 décembre 2012 à 15:08, par Hélène Laulan En réponse à : Menu jQuery Superfish

    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.

    • Le 10 juin 2014 à 17:59, par irit En réponse à : Menu jQuery Superfish

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

    Répondre à ce message

  • Le 17 octobre 2013 à 11:13, par Pi r En réponse à : Menu jQuery Superfish

    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

  • Le 5 avril 2013 à 20:03, par DD En réponse à : Menu jQuery Superfish

    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

    • Le 10 avril 2013 à 14:12, par b_b En réponse à : Menu jQuery Superfish

      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 ?

    • Le 26 avril 2013 à 15:30, par Thibaut En réponse à : Menu jQuery Superfish

      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 :/

    • Le 27 avril 2013 à 12:42, par b_b En réponse à : Menu jQuery Superfish

      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

    • Le 2 août 2013 à 10:43, par Ancien En réponse à : Menu jQuery Superfish

      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 ?)

    • Le 2 août 2013 à 10:46, par b_b En réponse à : Menu jQuery Superfish

      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

      ++

    • Le 2 août 2013 à 11:18, par Ancien En réponse à : Menu jQuery Superfish

      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.

    • Le 2 août 2013 à 13:22, par Raphaël En réponse à : Menu jQuery Superfish

      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...

    • Le 2 août 2013 à 13:26, par b_b En réponse à : Menu jQuery Superfish

      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.

      ++

    • Le 2 août 2013 à 13:43, par Raphaël En réponse à : Menu jQuery Superfish

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

    • Le 2 août 2013 à 13:46, par b_b En réponse à : Menu jQuery Superfish

      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

    • Le 2 août 2013 à 14:19, par Raphaël En réponse à : Menu jQuery Superfish

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

    • Le 2 août 2013 à 16:18, par Ancien En réponse à : Menu jQuery Superfish

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

    Répondre à ce message

  • Le 28 mars 2013 à 23:22, par DD En réponse à : Menu jQuery Superfish

    Bonjour,

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

    dd

    • Le 31 mars 2013 à 18:00, par b_b En réponse à : Menu jQuery Superfish

      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...

    • Le 2 avril 2013 à 18:32, par DD En réponse à : Menu jQuery Superfish

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

      Merci
      dd

    Répondre à ce message

  • Le 18 février 2013 à 12:58, par Badr En réponse à : Menu jQuery Superfish

    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

    PNG - 26 ko
    • Le 31 mars 2013 à 18:07, par b_b En réponse à : Menu jQuery Superfish

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

    Répondre à ce message

  • Le 17 janvier 2013 à 23:32, par Barat En réponse à : Menu jQuery Superfish

    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 !

    • Le 30 janvier 2013 à 17:32, par sinock En réponse à : Menu jQuery Superfish

      Bonjour,

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

      Merci

    • Le 13 février 2013 à 18:17, par b_b En réponse à : Menu jQuery Superfish

      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é.

      ++

    • Le 14 février 2013 à 10:35, par Barat En réponse à : Menu jQuery Superfish

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

    Répondre à ce message

  • Le 26 décembre 2012 à 19:33, par Hélène Laulan En réponse à : Menu jQuery Superfish

    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

  • Le 16 décembre 2012 à 16:28, par Ploufplouf En réponse à : Menu jQuery Superfish

    Bonjour,

    J’aurai voulu savoir si quelqu’un pouvais me donner une astuce pour que le menu ne s’ouvre pas vers le bas mais vers le haut ?

    Je cherche en vain mais tous mes essais sont pas concluant...

    Merci de vos astuces

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là