Mettre à jour JQuery

© Christian PAULUS. Document créé le 30 décembre 2008 , mis à jour le 18 mai 2009.

A l'inverse des hommes, l'océan se retire pour que la mer garde ses poissons. Pierre Dac

Accueil du site > Astuces > SPIP > Mettre à jour JQuery

Javascript / SPIP 1.9.2d,2.0.8

Mots-clés

Même rubrique

JQuery 1.1 fait partie de la distribution de SPIP 1.9.2. La dernière version de JQuery (1.2.6) outre de corriger quelques bugs, affiche de meilleures performances. Comment installer cette dernière version de JQuery sur votre site sous SPIP 1.9.2 ? Etape par étape.

Installer jQuery 1.2.6 pour SPIP 1.9.2

Première étape, les bons fichiers au bon endroit :

  1. Dans le dossier « dist » se trouve le fichier « jquery.js.html ». Recopiez ce fichier « jquery.js.html » dans votre dossier de squelettes ;
  2. Créez un dossier « javascript » dans votre dossier de squelettes ;
  3. Téléchargez la version 1.2.6 de jQuery sur le site officiel et placez le fichier obtenu « jquery-1.2.6.min.js » dans le dossier « javascript » que vous venez de créer.

Adapter la noisette d’appel :

Editez le fichier « jquery.js.html » présent dans vos squelettes et remplacez la ligne :

[(#INCLURE{javascript/jquery-1.1.js}|compacte_js)]

par :

[(#INCLURE{javascript/jquery-1.2.6.min.js})]

Dans la foulée, remplacez :

* jQuery 1.1 - New Wave Javascript

par :

* jQuery 1.2.6 - New Wave Javascript

Videz le cache et rechargez une page.

Nota : la compression via “compacte_js” génère quelques erreurs javascript. Elle est parfois à éviter.

En ce qui concerne le choix du type de fichier compressé (min ou pack), la lecture du billet « Performances des packers javascript » vous sera peut-être utile.

Autre choix de compression

En attendant de compléter cet article, de ce que me donne mes tests, le compacte de SPIP 2.02 abîme le script jQuery. C’est en tout cas ce que m’indique firebug.

En utilisant http://www.codeandcoffee.com/2006/1... (option high), je n’ai plus cette erreur.

Tant qu’à faire, autant passer en jQuery 1.3.2

Installer jQuery 1.3.2 pour SPIP 2.0.8

Le squelette qui construisait les lignes d’appels des scripts n’existe plus sous SPIP 2.0.8. Une des solutions est de remplacer le fichier jquery.js appelé :

  1. Créez un dossier nommé « javascript » dans votre dossier de squelettes ;
  2. Récupérez sur le site jQuery cette version du framework ;
  3. Recopiez ce script dans ce répertoire javascript fraichement créé ;
  4. Renommez ce script « jquery.js ».

Vérifier la version de jQuery

Pour contrôler la version actuellement installée, un petit bout de code à placer dans un de vos squellettes :

<script type="text/javascript">
<!--
        alert('jQuery v.' + jQuery.fn.jquery);
//-->
</script>

fait apparaître le numéro de version de jQuery dans une boite d’alerte.

A noter:

A lire : - Le site officiel de jQuery
- La documentation sur le site officiel de jQuery
- JQuery 1.2.6 : des événements deux fois plus rapides
- Plugin JQuery pour SPIP

Plussoyez !

Les forums sont fermés.

  • Mettre à jour JQuery 23 janvier 2009 17:34, par Didier

    J’ai mis à jour le fichier ..
    Mais je n’ai plus les sous menus ..
    Par exemple en passant la souris sur Configuration ..je n’obtiens plus la possibilité d’aller sur les plugins...

    Je suis sur spip 1.92

    Site Vitry sur Loire

    Voir en ligne : Vitry sur Loire

    Les forums sont fermés.

    • Mettre à jour JQuery 24 janvier 2009 04:57, par Christian PAULUS
      C’est que ca casse qq part. Que dit Firebug ?

      Les forums sont fermés.

  • Mettre à jour JQuery 21 février 2009 10:19, par Christian PAULUS
    Juste pour info. La v. 1.3.2 de jQuery vient de paraître.

    Les forums sont fermés.

  • Mettre à jour JQuery 27 mars 2009 23:28, par Pat
    Hmm, j’aimerais préciser qu’un plugin existe déjà pour remplacer jQuery 1.1 dans 1.92...
    Voici le lien : http://plugins.spip.net/Jquery-1-2-...

    Les forums sont fermés.

    • Mettre à jour JQuery 28 mars 2009 08:49, par Christian PAULUS

      Tout à fait ! Article corrigé (lien ajouté). Merci.

      A noter : si votre site utilise jQuery dont la version est inférieure à 1.3, les scripts JS (les vôtres, ceux des plugins installés, ...) sont peut-être à corriger.
      Lire la documentation sur la page consacrée aux sélecteurs. En voici un extrait :
      Note: In jQuery 1.3 [@attr] style selectors were removed (they were previously deprecated in jQuery 1.2). Simply remove the '@' symbol from your selectors in order to make them work again.

      En jQuery 1.3+, dans vos scipts, il faut retirer le ’@’ dans le sélecteur.

      Pour suivre les erreurs javascript éventuelles, l’extension Firebug pour Mozilla Firefox est un excellent outil.

      Les forums sont fermés.

  • Mettre à jour JQuery 23 février 2010 12:10, par deuns

    Merci beaucoup, ça fonctionne parfaitement. Mais contrairement à ton tuto c’était pour de la rétro-compatibilité...
    En effet la version 1.6.2 est installé avec la nouvelle version de spip, hors elle comporterait un bug de type "too much recursion". En revenant à jquery 1.2.6, tout fonctionne parfaitement.

    Si ça peut aider...

    Les forums sont fermés.