Jak dodać JavaScript do strony?

9

Jak mogę dodać JavaScript i CSS do mojej witryny?

javascript theming

— kinkajou
źródło

23

Przewodnik dotyczący zarządzania JavaScript w Drupal 7 zawiera informacje na temat dodawania JavaScript do Drupal. Przedstawione tam techniki dotyczą zarówno motywów, jak i (niestandardowych) modułów :

Dodaj a scripts[] = somescript.jsdo .info pliku modułu lub motywu
Użyj drupal_add_js()w kodzie modułu lub motywu
Użyj #attached['js']właściwości w interfejsie API formularza lub tablicy do renderowania .

Zauważ, że Drupal już zawiera jQuery, interfejs użytkownika jQuery i kilka innych bibliotek, więc nie dodawaj ich sam. Zamiast tego powinieneś użyć drupal_add_library()lub #attached['library']własności.

Przewodnik Praca z CSS zawiera informacje na temat dodawania CSS do Drupal. Ponownie, techniki tam przedstawione dotyczą zarówno motywów, jak i (niestandardowych) modułów. Z wyjątkiem: dodanie arkuszy stylów z .infoplików działa tylko dla motywu, a nie dla modułu.

Dodaj stylesheets[all][] = somestylesheet.cssdo .infopliku motywu .
Użyj drupal_add_css () z kodu modułu lub motywu.
Użyj #attached[css]właściwości w interfejsie API lub tablicy renderowanej.

— Pierre Buyle
źródło

czy muszę włączyć filtr php? I gdzie mam dodać js. Czy to sekcja body ze znacznikiem skryptu? jak <script> </script> Potrzebuję prostego przykładu, aby zacząć. Bardzo podstawowy. Pls

— kinkajou,

1

Nie dodajesz CSS ani JavaScript jako treści swojej witryny, więc nie robisz tego podczas edytowania treści. Jeśli potrzebujesz specyficznego dla strony kodu JavaScript lub CSS, możesz to zrobić za pomocą haka wstępnego przetwarzania strony motywu. Dodawanie stylów (CSS) lub zachowań (JavaScript) do witryny powinno odbywać się za pomocą kodu, a nie interfejsu użytkownika sieci Web. Jest to o wiele łatwiejsze w utrzymaniu i skalowalne oraz pozwala uniknąć wielu kłopotów podczas późniejszej aktualizacji witryny.

— Pierre Buyle,

2

Możesz umieścić plik js w folderze motywu i dodać ten plik js do drupal, korzystając drupal_add_js()z funkcji preprocessingu template.php .

— drupal
źródło