Comment ajouter du JavaScript à un site?

9

Comment puis-je ajouter JavaScript et CSS à mon site?

javascript theming

— kinkajou
source

23

Le guide Gestion de JavaScript dans Drupal 7 fournit les informations pour ajouter JavaScript à Drupal. Les techniques qui y sont présentées s'appliquent à la fois aux thèmes et aux modules (personnalisés) :

Ajoutez un fichier scripts[] = somescript.jsà votre module ou thème.info
Utiliser drupal_add_js()dans le code de votre module ou thème
Utilisez la #attached['js']propriété dans une API de formulaire ou un tableau pouvant être rendu .

Notez que Drupal inclut déjà jQuery, jQuery UI et un tas d'autres bibliothèques, donc vous ne devez pas, et ne devriez pas, les ajouter vous-même. Au lieu de cela, vous devez utiliser drupal_add_library()ou la #attached['library']propriété.

Le guide Travailler avec CSS fournit les informations pour ajouter CSS à Drupal. Encore une fois, les techniques présentées ici s'appliquent aux thèmes et aux modules (personnalisés). À une exception près: l'ajout de feuilles de style à partir d'un .infofichier ne fonctionne que pour un thème et non pour un module.

Ajoutez stylesheets[all][] = somestylesheet.cssau .infofichier d' un thème .
Utilisez drupal_add_css () à partir du code du module ou du thème.
Utilisez une #attached[css]propriété dans une API From ou un tableau pouvant être rendu.

— Pierre Buyle
source

dois-je activer le filtre php? Et où dois-je ajouter les js. Est-ce la section du corps avec la balise script? comme <script> </script> j'ai besoin d'un exemple simple pour commencer. Très basique. Pls

— kinkajou

1

Vous n'ajoutez pas CSS ou JavaScript comme contenu de votre site, vous ne le faites donc pas lors de la modification de votre contenu. Si vous avez besoin de JavaScript ou CSS spécifique à une page, vous pouvez le faire à partir du crochet de prétraitement de la page de votre thème. L'ajout de styles (CSS) ou de comportements (JavaScript) à votre site doit être effectué à partir du code, et non à partir de l'interface utilisateur Web. Ceci est beaucoup plus maintenable et évolutif et vous évite, ainsi que d'autres, de nombreux maux de tête lors de la mise à jour ultérieure du site.

— Pierre Buyle

2

Vous pouvez placer votre fichier js dans votre dossier de thème et ajouter ce fichier js à drupal en utilisant drupal_add_js()les fonctions de prétraitement de template.php .

— drupal
source