Bagaimana cara menambahkan JavaScript ke situs?

9

Bagaimana saya bisa menambahkan JavaScript dan CSS ke situs saya?

javascript theming

— kinkajou
sumber

23

Panduan Mengelola JavaScript di Drupal 7 menyediakan informasi untuk menambahkan JavaScript ke Drupal. Teknik yang disajikan di sana berlaku untuk kedua tema dan modul (khusus) :

Tambahkan scripts[] = somescript.jske modul atau tema ini .info berkas
Gunakan drupal_add_js()dalam modul atau kode tema Anda
Gunakan #attached['js']properti dalam Formulir API atau array yang dapat diurai .

Perhatikan bahwa Drupal sudah menyertakan jQuery, jQuery UI dan banyak perpustakaan lain sehingga Anda tidak, dan tidak seharusnya, menambahkannya sendiri. Sebaliknya, Anda harus menggunakan drupal_add_library()atau #attached['library']properti.

Panduan Bekerja dengan CSS menyediakan informasi untuk menambahkan CSS ke Drupal. Sekali lagi, teknik yang disajikan di sana berlaku untuk kedua tema dan modul (khusus). Dengan pengecualian: penambahan style sheet dari .infofile hanya berfungsi untuk tema dan bukan modul.

Tambahkan stylesheets[all][] = somestylesheet.csske .infofile tema .
Gunakan drupal_add_css () dari modul atau kode tema.
Gunakan #attached[css]properti di Dari API atau larik yang dapat diulang.

— Pierre Buyle
sumber

apakah saya perlu mengaktifkan filter php? Dan di mana saya menambahkan js. Apakah ini bagian tubuh dengan tag skrip? seperti <script> </script> Saya perlu contoh sederhana untuk memulai. Sangat mendasar. Pls

— kinkajou

1

Anda tidak menambahkan CSS atau JavaScript sebagai konten situs Anda, jadi Anda tidak melakukannya saat mengedit konten Anda. Jika Anda membutuhkan JavaScript atau CSS khusus halaman, Anda dapat melakukannya dari kail preproses halaman tema Anda. Menambahkan gaya (CSS) atau perilaku (JavaScript) ke situs Anda harus dilakukan dari kode, bukan dari UI Web. Ini adalah cara yang lebih dapat dipertahankan dan terukur dan menghindari Anda, atau orang lain, banyak sakit kepala saat memperbarui situs nanti.

— Pierre Buyle

2

Anda dapat menempatkan file js Anda di folder tema Anda dan menambahkan file js ini ke drupal dengan menggunakan fungsi preprocessdrupal_add_js() template.php .

— drupal
sumber