Drupal et jQuery. Leçon 1. Comment inclure un fichier avec jQuery.

Types de blocs supplémentaires (EBT) – Nouvelle expérience de Layout Builder❗

Types de blocs supplémentaires (EBT) – types de blocs stylisés et personnalisables : diaporamas, onglets, cartes, accordéons et bien d’autres. Paramètres intégrés pour l’arrière-plan, la boîte DOM, les plugins JavaScript. Découvrez dès aujourd’hui le futur de la création de mises en page.

Démo des modules EBT Télécharger les modules EBT

05/07/2025, by Ivan

jQuery est un outil très pratique lorsqu'il s'agit de cacher quelque chose, de modifier, déplacer, intégrer joliment et partir. Très très pratique et très simple. Commençons par inclure un fichier javascript. Nous allons inclure les fichiers dans le thème via le fichier avec l'extension .info de votre thème. Pour inclure un fichier, ajoutez la ligne suivante dans le fichier de votre thème :

scripts[] = js/custom.js

où js/custom.js est le chemin vers le fichier javascript dans votre thème.

Ensuite, il faut définir l'exécution du code jQuery après le chargement de la page, pour Drupal 6 ceci est suffisant :

$(document).ready(function(){
  //code jQuery
});

Mais dans Drupal 7, jQuery fonctionne en mode noConflict, ce qui permet d'inclure Mootools également. Donc dans Drupal 7, on inclut jQuery ainsi :

(function($){
  $(document).ready(function(){
    //code jQuery
  });
})(jQuery);

Mais le mieux est d'utiliser les behaviors :

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // Ici, on écrit son code javascript
    }
  };
})(jQuery);

Pour en savoir plus sur les behaviors, consultez cet article :

8.8. Travailler avec javascript/jQuery dans Drupal 8. Qu'est-ce que les behaviors ?

Types de blocs supplémentaires (EBT) – Nouvelle expérience de Layout Builder❗

❗Types de paragraphes supplémentaires (EPT) – Nouvelle expérience Paragraphes

Drupal et jQuery. Leçon 1. Comment inclure un fichier avec jQuery.