Wie füge ich einer Site JavaScript hinzu?

9

Wie kann ich meiner Website JavaScript und CSS hinzufügen?

javascript theming Kinkajou
quelle

Antworten:

23

Das Handbuch Verwalten von JavaScript in Drupal 7 enthält Informationen zum Hinzufügen von JavaScript zu Drupal. Die dort vorgestellten Techniken gelten sowohl für Themen als auch für (benutzerdefinierte) Module :

Beachten Sie, dass Drupal bereits jQuery, jQuery UI und eine Reihe anderer Bibliotheken enthält, sodass Sie diese nicht selbst hinzufügen sollten und sollten. Stattdessen sollten Sie drupal_add_library()oder die #attached['library']Eigenschaft verwenden.

Das Handbuch Arbeiten mit CSS enthält Informationen zum Hinzufügen von CSS zu Drupal. Auch hier gelten die dort vorgestellten Techniken sowohl für Themen als auch für (benutzerdefinierte) Module. Mit einer Ausnahme: Das Hinzufügen von Stylesheets aus .infoDateien funktioniert nur für ein Thema und nicht für ein Modul.

  • In stylesheets[all][] = somestylesheet.csszu einem der .infoThemendatei.
  • Verwenden Sie drupal_add_css () aus dem Code des Moduls oder Themas.
  • Verwenden Sie die #attached[css]Eigenschaft in einer From-API oder einem renderbaren Array.
Pierre Buyle
quelle
Muss ich den PHP-Filter aktivieren? Und wo füge ich die js hinzu? Ist es der Body-Abschnitt mit Skript-Tag? wie <script> </ script> Ich brauche ein einfaches Beispiel, um loszulegen. Sehr einfach. Pls
kinkajou
1
Sie fügen kein CSS oder JavaScript als Inhalt Ihrer Website hinzu, also tun Sie dies nicht, wenn Sie Ihren Inhalt bearbeiten. Wenn Sie seitenspezifisches JavaScript oder CSS benötigen, können Sie dies über den Seitenvorverarbeitungs-Hook Ihres Themas tun. Das Hinzufügen von Stilen (CSS) oder Verhaltensweisen (JavaScript) zu Ihrer Site sollte über Code erfolgen, nicht über die Web-Benutzeroberfläche. Dies ist viel wartbarer und skalierbarer und vermeidet Ihnen oder anderen viele Kopfschmerzen, wenn Sie die Site später aktualisieren.
Pierre Buyle
2

Sie können Ihre js-Datei in Ihrem Themenordner ablegen und diese js-Datei mithilfe der Vorverarbeitungsfunktionendrupal_add_js() in template.php zu drupal hinzufügen .

Drupal
quelle