Utiliser jQuery avec Drupal 7

Pour utiliser jQuery avec Drupal, rien de plus facile. Tout d'abord, nul besoin d'installer jQuery : celui-ci est livré avec le cœur de Drupal. Ne vous reste qu'à créer et déclarer un fichier Javascript, par exemple script.js. L'avantage, c'est que Drupal 6 reconnaît automatiquement n'importe quel fichier script.js placé à la racine de votre dossier de thème. Mais, dans Drupal 7, premier changement, ce fichier doit être déclaré dans le fichier .info de votre thème, sans quoi il ne sera jamais pris en compte. En outre, second changement (le plus important), la gestion du Javascript ayant changé dans Drupal 7, vous devez présenter votre fichier script.js d'une manière particulière.

Voici, ci-dessous, le bon code à présenter dans votre fichier script.js, en deux versions, l'une pour Drupal 6, l'autre pour Drupal 7. Vous verrez vous-même la différence.

Avant, avec Drupal 6

// [jQuery BEGIN] début des fonctions
$(document).ready(function() {
// ****************************************************************
/* votre code jQuery ici !! */
// ****************************************************************
// [jQuery END] fin des fonctions
});

Maintenant, avec Drupal 7

// jQuery for Drupal 7 [BEGIN]
(function ($) {
// [jQuery BEGIN] début des fonctions
$(document).ready(function() {
// ****************************************************************
/* votre code jQuery ici !! */
// ****************************************************************
// [jQuery END] fin des fonctions
});
// jQuery for Drupal 7 [END]
}(jQuery));

Et voilà ! Enjoy !

Lektum's picture
Lektum