SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Outils pour plugins > jQuery UI > jQuery UI pour SPIP

jQuery UI pour SPIP

29 octobre 2010 – par b_b, cy_altern, kent1 – 110 commentaires

30 votes

De plus en plus de plugins intègrent dans leurs fichiers des morceaux de la bibliothèque jQuery UI et ce dans des versions plus ou moins à jour imposant ainsi de temps à autre plusieurs versions de cette bibliothèque en fonction du nombre de plugins installés sur un site.

Afin de pallier ce problème, deux solutions sont possibles :

  • L’ajout de la bibliothèque en question dans le core de SPIP (très certainement dans une prochaine version)
  • La création d’un méta plugin s’occupant de gérer correctement cette bibliothèque et sur lequel l’ensemble des plugins ayant besoin d’une partie de celle-ci puisse se reposer. C’est l’objet du plugin « jQuery UI pour SPIP ».

Son fonctionnement

Après l’avoir activé, vous pouvez personnaliser le plugin via sa page de configuration (disponible si vous avez installé le plugin CFG). Celle-ci liste l’ensemble des sous-bibliothèques disponibles (droppable, draggable, tabs....).

Il vous suffit de sélectionner celles dont vous avez besoin et elles seront automatiquement ajoutées au pipeline jquery_plugins de SPIP (plus d’informations sur le site Programmer avec SPIP) qui est lui même utilisé par la balise #INSERT_HEAD (Cela signifie donc que vos squelettes doivent utiliser cette balise pour que le plugin fonctionne).

Dans le cas où vous souhaitez utiliser une sous-bibliothèque qui dépend d’autres sous-bibliothèques de jQuery UI (comme Tabs par exemple), les dépendances seront automatiquement sélectionnées à la validation du formulaire de configuration. Il n’est donc pas nécessaire de les vérifier.

Utilisation depuis un autre plugin

Si vous souhaitez développer un plugin qui nécessite une ou plusieurs sous-bibliothèques de jQuery UI, la démarche est relativement simple.

Tout d’abord, il est nécessaire d’ajouter un élément <necessite ... /> à votre plugin.xml (cf documentation) comme ceci :

  1. <necessite id="jqueryui" version="[1.8.5;]" />

Ensuite, le plugin SPIP jQuery UI déclarant son propre pipeline d’ajout de sous-bibliothèques, jqueryui_forcer, il suffit d’ajouter les sous-bibliothèque que l’on souhaite utiliser comme ceci (dans l’exemple, on utilise monplugin comme préfixe de notre plugin imaginaire, on souhaite utiliser la sous-bibliothèque jquery.ui.tabs) :

  1. function monplugin_jqueryui_forcer($scripts){
  2. $scripts[] = "jquery.ui.tabs";
  3. return $scripts;
  4. }

Télécharger

La sous-bibliothèque "tabs" nécessite en fait deux autres sous-bibliothèque normalement :

  • jquery.ui.core
  • jquery.ui.widget

Il n’est donc pas nécessaire de les déclarer car le plugin le fera automatiquement.

Si après avoir activé notre nouveau plugin on se dirige vers la page de configuration du plugin jQuery UI, on se rend compte que les 3 sous-bibliothèques activées par le plugin "monplugin" sont cochées et non désactivables, évitant ainsi tout problème potentiel de désactivation manuelle d’une sous-bibliothèque.

Liste des sous-bibliothèques disponibles

Documentation et démonstrations : http://jqueryui.com/demos/

SPIP 2.1SPIP 2.0
jquery.ui.datepicker

jquery.ui.accordion

jquery.ui.autocomplete

jquery.ui.autocomplete

jquery.ui.button

jquery.ui.dialog

jquery.ui.dialog

jquery.ui.draggable

jquery.ui.droppable

jquery.ui.droppable

jquery.ui.mouse

jquery.ui.progressbar

jquery.ui.resizable

jquery.ui.selectable

jquery.ui.slider

jquery.ui.sortable

jquery.ui.tabs

jquery.effects.blind

jquery.effects.bounce

jquery.effects.clip

jquery.effects.drop

jquery.effects.explode

jquery.effects.fold

jquery.effects.highlight

jquery.effects.pulsate

jquery.effects.scale

jquery.effects.shake

jquery.effects.slide

jquery.effects.transfer

ui.accordion

ui.datepicker

ui.dialog

ui.dialog

ui.dialog

ui.draggable

ui.droppable

ui.droppable

ui.resizable

ui.selectable

ui.slider

ui.sortable

ui.tabs

effects.blind

effects.bounce

effects.clip

effects.drop

effects.explode

effects.fold

effects.highlight

effects.pulsate

effects.scale

effects.shake

effects.slide

effects.transfer

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

P.-S.

PS : à partir de SPIP 3.0 ce plugin est obsolète puisque SPIP embarque les jQuery UI.
Attention ! : le pipeline jqueryui_forcer qui permet l’insertion des sous-bibliothèque à été renommé jqueryui_plugins en SPIP 3.0 !

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 6 septembre 2014 à 00:43, par ibrabiga En réponse à : jQuery UI pour SPIP

    merci pour ta reponse je suis nouveau dans spip tu peut m aide en PV ibrabiga@gmail.com merci et Bonne soirée

    Répondre à ce message

  • Le 5 septembre 2014 à 02:01, par ibrabiga En réponse à : jQuery UI pour SPIP

    salut comment utilise jquery pour mon site spip sans utiliser un plugin ,
    ca fait plus d’un mois que je cherche la solution merci

    • Le 5 septembre 2014 à 09:17, par b_b En réponse à : jQuery UI pour SPIP

      Salut, tout simplement en suivant les instructions de la partie Déclaration hors plugin
      de cette documentation :

      http://programmer.spip.net/Qu-est-ce-qu-un-pipeline

      ++

    • Le 5 septembre 2014 à 14:30, par ibrabiga En réponse à : jQuery UI pour SPIP

      donc je dois cree un plugin.xml pour ca

    • Le 5 septembre 2014 à 15:08, par b_b En réponse à : jQuery UI pour SPIP

      Non, cf :

      Une utilisation d’un pipeline en dehors du cadre d’un plugin reste possible. Il faut alors déclarer son utilisation directement dans le fichier config/mes_options.php

      ++

    Répondre à ce message

  • Le 6 mai 2014 à 18:58, par AlainR En réponse à : jQuery UI pour SPIP

    Hello.

    Pourquoi le plugin SAISIE est-il obligatoire/nécessaire au fonctionnement de ce plugin jQuery UI ?

    Impossible d’activer le plugin ../plugins/auto/jquery_ui
    Nécessite le plugin SAISIES en version minimum.

    Le problème est que si j’installe le plugin Saisies pour formulaires, le plugin Bonux pose problème et bloque complètement le site (page blanche et message d’erreur suivant :

    Fatal error : Cannot redeclare picker_selected() (previously declared in /home/www/.../plugins/auto/spip-bonux/spip_bonux_fonctions.php:76) in /home/www/.../prive/formulaires/selecteur/generique_fonctions.php on line 99

    Merci d’avance pour l’aide.
    Cdt.

    Répondre à ce message

  • Le 5 décembre 2013 à 15:46, par Hans En réponse à : jQuery UI pour SPIP

    Bonjour,

    je voudrais savoir comment installer le plug in easytabs http://os.alfajango.com/easytabs/
    dans spip.
    j’ai tenté d’intégrer ça à travers un pipeline, dans un fichier mes_options.php mais ça ne semble pas fonctionner.

    <?php $GLOBALS['spip_pipeline']['jqueryui_plugins'] .= "|easytabs";

    function easytabs($plugins) {
          $plugins[] = "jquery.ui.core";
          return $plugins;
    }
    ?>

    Bien compliqué d’appeler un script jquery sous spip…

    Merci pour votre aide !

    • Le 5 décembre 2013 à 19:10, par b_b En réponse à : jQuery UI pour SPIP

      Salut, en fait ta question n’a pas de rapport avec jQuery UI et donc le plugin présenté ici.

      Il faut que tu regardes du côté du pipeline insert_head pour insérer des scripts persos dans le head de tes pages :

      http://programmer.spip.net/insert_head

      ++

    Répondre à ce message

  • Le 14 août 2013 à 18:35, par Théo En réponse à : jQuery UI pour SPIP

    « jQuery UI pour SPIP » est nécessaire pour « Formidable, le générateur de formulaires » ainsi que : « Bonux », « Saisies », « Vérifier », « YAML », et « Facteur ».

    Mais il n’est compatique que pour SPIP 2.0 et SPIP 2.1…

    Pas (encore ?) pour SPIP 3.0…

    Est-ce un oubli ou une lacune ?

    • Le 14 août 2013 à 18:38, par Maïeul En réponse à : jQuery UI pour SPIP

      le plugin est installé par défaut avec SPIP 3 (dans plugins-dist)

    Répondre à ce message

  • Le 25 mars 2013 à 22:38, par Julien Lanfrey En réponse à : jQuery UI pour SPIP

    Bonsoir,
    la version en téléchargement ici pour SPIP 2.1 semble être une version SPIP 3, avec un paquet.xml et un compatibilite=« [3.0.0 ;3.0.*] » !

    Est-ce que ça ne devrait pas être un zip de la version http://zone.spip.org/trac/spip-zone/browser/_plugins_/jquery_ui ??

    Julien

    • Le 26 mars 2013 à 00:17, par Marc En réponse à : jQuery UI pour SPIP

      Bonjour,
      En effet, je n’arrive pas à installer le plugin sur une version SPIP 2.1.
      La version contenue dans le zip est une version 1.8.21 et non 1.8.19 comme le laisse indiquer le lien.
      Est-il possible de récupérer quelque part une archive compatible avec SPIP 2.1 ?
      Merci d’avance,
      Marc

    • Le 5 juin 2013 à 16:00, par b_b En réponse à : jQuery UI pour SPIP

      Salut, je viens de changer le nom du zip en attendant mieux :

      http://zone.spip.org/trac/spip-zone/changeset/73274

      ++

    • Le 12 juin 2013 à 22:06, par Julien Lanfrey En réponse à : jQuery UI pour SPIP

      C’est parfait !
      merci.

      Julien

    Répondre à ce message

  • Le 10 janvier 2013 à 15:44, par Loiseau2nuit En réponse à : jQuery UI pour SPIP

    Hello ici !

    J’ai une merdouille sur un site où je cherche à utiliser .tabs. en me basant sur l’exemple suivant seulement Firebug semble ne pas l’entendre de cette oreille :

    TypeError : $(...).tabs is not a function

    J’ai d’abord pensé à un oubli de ma part dans la mesure où c’est un des widget qui a besoin d’une sous bibliothèque pour fonctionner MAIS :

    • je suis sous SPIP 3 et le plugin JQuery_ui n’a plus d’interface CFG, iumpossible donc de cocher comme avant la souys-bibli complémentaire dont tu peux avoir besoin
    • même l’ajout à la mano ( <script type="text/javascript" src="#CHEMIN{javascript/jquery-ui/ui/jquery.ui.tabs.js}"></script> ) ne solutionne pas le problème.

    Une idée les gens ?

    Merci d’avance et bonne année à tous !

    Répondre à ce message

  • Le 14 juin 2012 à 14:05, par jerome En réponse à : jQuery UI pour SPIP

    Bonjour
    J’essaie d’insérer le plugin jqueryui dans spip3. Celui-ci est déjà présent mais je n’arrive pas à l’activer dans les pages publiques. (core, widget position et autocomplete)

    Dans mes_options.php j’ai essayé différentes solutions comme stipulées dans la doc ici :
    http://programmer.spip.org/Qu-est-ce-qu-un-pipeline

    $GLOBALS[’spip_pipeline’][’insert_head’] .= « |prefixPlugin_jquery_plugins » ;

    function prefixPlugin_jquery_plugins($scripts)
    $scripts[] = « javascript/ui/jquery.ui.core.js » ;
    return $scripts ;

    ou cela :
    function insert_jqueryui($jqueryui_plugins)
    $jqueryui_plugins[] = « javascript/ui/jquery.ui.core » ;
    return $jqueryui_plugins ;

    Dans les cas ci-desssus, il n’aime pas les [].

    Quelle est la bonne méthode pour insérer jquery.ui.XXX dans les pages publiques ? si possible avec la gestion des dépendances.
    Si seulement, on pouvait choisir les éléments de UI à insérer depuis la gestion des plugins de spip3 !!!

    Merci d’avance pour vos réponses et pour le travail réalisé par les différents contributeurs.
    Jérôme

    • Le 14 juin 2012 à 16:13, par b_b En réponse à : jQuery UI pour SPIP

      Salut, en collant ça dans tonplugin_pipelines.php ça devrait le faire (et en déclarant l’appel du pipeline depuis la paquet.xml) :

      function tonplugin_jqueryui_plugins($plugins){
              $plugins[] = "jquery.ui.core";
              return $plugins;
      }

      ++

    • Le 14 juin 2012 à 16:19, par jerome En réponse à : jQuery UI pour SPIP

      Quelle rapidité pour répondre !

      En fait, ce qu’il me faut, c’est la méthode pour insérer du jqueryUI dans mes squelettes du site publique lorsque je n’utilise pas de plugin.

      une insertion dans mes_options.php ?

      Merci d’avance

    • Le 14 juin 2012 à 16:23, par b_b En réponse à : jQuery UI pour SPIP

      Comme l’indique la très bonne doc de programmer.spip.org :

      http://programmer.spip.org/Qu-est-ce-qu-un-pipeline

      $GLOBALS['spip_pipeline']['jqueryui_plugins'] .= "|ton_bouzin";

      function ton_bouzin($plugins) {
             $plugins[] = "jquery.ui.core";
             return $plugins;
      }

      ++

    • Le 14 juin 2012 à 16:34, par jerome En réponse à : jQuery UI pour SPIP

      Oui, j’ai vu et ça marche pour insérer une "string dans le flux" comme dans l’exemple, mais là j’ai ce message :
      « Fatal error : [] operator not supported for strings in /data/projects/default/html/routage/config/mes_options.php on line 24 »

      mon code :
      « $GLOBALS[’spip_pipeline’][’insert_head’] .= "|insert_jqueryui" ;

      function insert_jqueryui($jqueryui_plugins)
      $jqueryui_plugins[] = "javascript/ui/jquery.ui.core" ;
      /* $plugins[] = "javascript/ui/jquery.ui.widget" ;
      $plugins[] = "javascript/ui/jquery.ui.position" ;
      $plugins[] = "javascript/ui/jquery.ui.autocomplete" ;*/
      return $jqueryui_plugins ;
       »
      j’ai essayé aussi :

      « $GLOBALS[’spip_pipeline’][’jqueryui_plugins’] .= "|insert_jqueryui" ; »

    • Le 14 juin 2012 à 16:36, par b_b En réponse à : jQuery UI pour SPIP

      Et si tu essayes avec le code que je te propose ?

      $GLOBALS['spip_pipeline']['jqueryui_plugins']

      et non

      $GLOBALS[’spip_pipeline’][’insert_head’]

    • Le 14 juin 2012 à 16:39, par jerome En réponse à : jQuery UI pour SPIP

      oui, c’est ce que j’ai précisé en fin de mon message :

      j’ai essayé aussi :
      « $GLOBALS[’spip_pipeline’][’jqueryui_plugins’] .= "|insert_jqueryui" ; »

    • Le 14 juin 2012 à 16:59, par b_b En réponse à : jQuery UI pour SPIP

      Comme l’indique la page de doc que je t’ai pointé :

      À noter que SPIP utilise un cache des pipelines utilisés et que toute nouvelle déclaration nécessite de recalculer ce cache. Cela se fait en visitant la page « Gestion des plugins » dans l’espace privé (?exec=admin_plugin).

      Je viens de tester le code que je t’ai donné et il fonctionne parfaitement.

    • Le 15 juin 2012 à 08:53, par jerome En réponse à : jQuery UI pour SPIP

      Merci pour tes réponses. Je suis donc reparti de zéro et refaisant toute l’installation et en razant mes essais et modifications dans l’appel du pluginUI et c’est OK

      Pour résumé, voici le code ajouté dans mes_options.php pour ajouter « autocomplete » dans mes squelettes :

      $GLOBALS['spip_pipeline']['jqueryui_plugins'] .= "|insert_jqueryui";
      function insert_jqueryui($jqueryui_plugins) {
          $jqueryui_plugins[] = "jquery.ui.core" ;
          $jqueryui_plugins[] = "jjquery.ui.widget" ;
          $jqueryui_plugins[] = "jquery.ui.position" ;
          $jqueryui_plugins[] = "jquery.ui.autocomplete" ;
          return $jqueryui_plugins ;
      }
    • Le 15 juin 2012 à 10:42, par b_b En réponse à : jQuery UI pour SPIP

      Pour info, pas la peine de demander à SPIP d’insérer les dépendances il le fera tout seul. Donc cela devrait suffire :

      $GLOBALS['spip_pipeline']['jqueryui_plugins'] .= "|insert_jqueryui";
      function insert_jqueryui($jqueryui_plugins) {
         $jqueryui_plugins[] = "jquery.ui.autocomplete" ;
         return $jqueryui_plugins ;
      }

      Et hop ;)

    Répondre à ce message

  • Le 26 décembre 2011 à 13:00, par pamillet En réponse à : jQuery UI pour SPIP

    bonjour,

    je ne sais pas si le pb suivant est lié à jqueryui ou pas, mais j’ai vu plusieurs questions sur des problèmes de version dans les questions sur ce site...

    Voila donc ce que je constate
    -  spip mutualisé avec plusieurs sites utilisant des plugins en commun et d’autres spécifiques à certains site
    -  SPIP 2.1.10 [17657]
    -  des sites sous Sarka-SPIP 3.0.4 [40664] ou IJQUERY 1.8.16 fonctionne
    -  et le site qui me pose pb en ZPIP 1.7.14 et theme HarvestField 1.0

    Dans ce dernier, je vois le plugin IJQUERYUI en version 1.6... alors que les plugins sont bien sûr dans le répertoire mutualisé spip/plugin et donc le même pour tous les sites...

    résultat, impossible d’installer le noizetier en complément de zspip, puisqu’il me demande ijquery en 1.8.16...

    j’ai bien sûr vidé le cache et même supprimer le répertoire tmp/cache de ce site en ftp.. rien n’y fait...

    d’ou ma question. ou la page http://monspip/ecrire/?exec=admin_plugin&voir=tous&actualise=1 prend la version d’un plugin installé ? Comment comprendre le fichier plugin.xml de IJQUERYUI qui contient deux parties, une pour spip2.0 l’autre pour spip2.1

    tout se passe comme s’il croyait que j’étais sur un spip 2.0.... J’ai essayé de modifier le fichier plugin.xml en ne gardant que la partie spip2.1, ca génère une erreur et il ne voit plus le plugin...

    merci d’avance d’une piste...

    pam

    Répondre à ce message

  • Le 6 novembre 2011 à 07:26, par mbourlier En réponse à : jQuery UI pour SPIP

    Bonjour,
    Merci tout d’abord pour votre travail.
    Je suis sous SPIP 2.1.11, sarka-spip 3.1.0 et j’utilise certains outils du couteau suisse. Je viens de m’apercevoir que les icônes typographiques des outils « smileys », « tout en couleurs » et les deux icônes « colorer le texte » et « colorer le fond » disparaissaient quand jQuery UI était activé. Une fois le plugin désactivé, ces icônes réapparaissent. Problème relativement récent, mais je ne sais s’il faut l’attribuer à jQuery. Étrange, non ?
    Pouvez-vous éclairer ma lanterne ?
    Cordialement
    M. BOURLIER

    Pour voir si nécessaire Découvrir l’autre, l’ailleurs, soi

    • Le 6 novembre 2011 à 07:30, par mbourlier En réponse à : jQuery UI pour SPIP

      Oups !
      Je me réponds à moi-même !
      Résolu semble-t-il en cochant l’option « ne pas charger les CSS de jQuery-UI ».
      Désolé

      M. BOURLIER

    • Le 6 novembre 2011 à 07:36, par mbourlier En réponse à : jQuery UI pour SPIP

      Par contre depuis la même période, les badges de Social Tags ne s’affichent plus sous le bloc de titre des articles. Cela peut-il avoir un rapport ?
      Merci

      M. BOURLIER

    • Le 6 novembre 2011 à 08:01, par mbourlier En réponse à : jQuery UI pour SPIP

      Ben non :-(
      Fausse bonne nouvelle, les icônes sont à nouveau disparues après un vidage du cache. Elles réapparaissent quand JQuery UI est désactivé !
      J’y perds mon latin ! (le peu que j’aie)

      M. BOURLIER

    Répondre à ce message

Répondre à cet article

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