Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Benutzerhandbuch › Fortgeschrittene › Tutorials & How To's - Tipps & Tricks ›

Javascript und CSS-Dateien einbinden

Eingetragen von quiptime (4972) am 04.09.2008 - 13:48 Uhr in
  • Drupal 6.x

Um totsicher das Einbinden von Javascript- und CSS-Dateien zu realisieren die generell bzw. seitenweit verwendet werden sollen kann man die Datei "template.php" verwendet. Dort schafft man sich irgendwo Platz und trägt den entsprechenden Code ein.

Das kann so aussehen

Snipped aus einer "template.php" des Sky Theme:

<?php
// Sky Javascipt
drupal_add_js(path_to_theme() . '/js/sky.js');
drupal_add_js(path_to_theme() . '/js/toggle-r-sidebar.js', 'theme', 'footer');

// Sky CSS
drupal_add_css(path_to_theme() . '/css/d6box.css', 'theme');
?>

Möglichkeiten der 3 Funktionen drupal_add_js(), drupal_add_css() und path_to_theme() können auf der Drupal API von Drupal nachgelesen werden.

‹ Inhaltsübersicht für einen User mit einem View erstellen nach oben Kontaktformular mit Jquery aufwerten ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Eine Ergänzung

Eingetragen von clava@drupal.org (7)
am 15.09.2008 - 17:12 Uhr

Gerade gestern habe ich zu diesem Thema zwei neue Erkenntnisse gewonnen:

1.) Das Einbinden muss nicht zwingend in template.php erfolgen, es kann bspw. auch in einem Modul erfolgen, das die Ausgabe des entsprechenden Nodes beeinflusst.

2.) Muss eine externe Javascript-Datei eingebunden werden, funktionniert drupal_ad_js nicht. Abhilfe schafft folgender Code:

<?php

//  drupal_add_js('http://www.google.com/jsapi', 'module', 'header');
//  die obere Zeile geht nicht, da externer Link, deshalb
drupal_set_html_head('<script src="http://www.google.com/jsapi" type="text/javascript"></script>');
?>

Inspiration: http://drupal.org/node/37786
Getestet mit Drupal 5.10

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dies bedeutet indirekt das ich ein Modul hacken müsste.

Eingetragen von quiptime (4972)
am 09.10.2008 - 13:50 Uhr

Natürlich kann man CSS- und JS-Dateien auch in Modulen einbinden.

Mein Post erfolgte unter dem Gesichtspunkt des reinen Theming - also wenn kein eigenes, selbst geschriebenes, Modul verfügbar ist.

Zitat:

es kann bspw. auch in einem Modul erfolgen, das die Ausgabe des entsprechenden Nodes beeinflusst

Dies bedeutet indirekt das ich ein Modul hacken müsste. Um dies nicht tun zu müssen bietet sich die "template.php" an.

-------------
quiptime

Nur tote Fische schwimmen mit dem Strom.

XING

Da geht noch was.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Node spezifisch Code einfügen?

Eingetragen von MaWoSch (24)
am 21.07.2010 - 13:33 Uhr

Gut erklärt.
Aber wie kann ich JS bzw. CSS Dateien Node-spezifisch einbinden?
Oder wirft man den Code in alle Seiten, obwohl er nur von einem Nodetype benötigt wird?

Matthias

Webseite im Stil von Nachrichtenportalen aufgesetzt mit Drupal 6.X
Neues und Tests über Geotagging, Fotografie und Android auf
www.mawosch.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Multidomain
  • Drupal 8: Modul prevnext
  • [gelöst]Drupal 8: Fußzeilenmenü auf Login-Seite verschwunden
  • Vom jeweiligen User die Kunstwerke ausgeben.
  • Fullcalendar - Grösse Dialogfenster
  • Notify-Modul: Einmalige Benachrichtigung ueber neue Nodes senden
  • [gelöst]Drupal 9 und Ubuntu 20.04
  • [gelöst] Swiftmailer installieren um Simplenews zum Laufen zu bringen
  • Installiert ja, aber kein einziger link funktioniert
  • Drupal 9 - "read more" übersetzen nun anders, nur wie?
  • [gelöst] Nur editierbare Medien in Media-View anzeigen
  • Probleme mit dem Adminmenü
Weiter

Neue Kommentare

  • Ich nutze dazu bei D7
    vor 7 Stunden 9 Minuten
  • Soweit ich die
    vor 9 Stunden 36 Minuten
  • Erst mal gut, dass es so ein
    vor 10 Stunden 33 Minuten
  • Hey! Das Modul
    vor 1 Tag 4 Stunden
  • Ich verwende das
    vor 1 Tag 4 Stunden
  • Du benötigst das Modul
    vor 1 Tag 6 Stunden
  • Kontakt ist schonmal da! Es
    vor 1 Tag 7 Stunden
  • Hallo, nein, keine
    vor 1 Tag 7 Stunden
  • Und da sind keine
    vor 1 Tag 8 Stunden
  • Hallo, Danke für die
    vor 1 Tag 8 Stunden

Statistik

Beiträge im Forum: 246315
Registrierte User: 18909

Neue User:

  • coolpet
  • Demophobie
  • JorgeClayton

» Alle User anzeigen

User nach Punkten sortiert:
wla9038
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3917
ronald3834
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 6 Gäste online.

DrupalCenter durchsuchen:

Benutzerhandbuch

  • FAQ - Häufig gestellte Fragen.
  • Links & Downloads
  • Über Drupalcenter.de und das deutschsprachige Benutzerhandbuch
  • Über Drupal
  • Einsteiger
  • Fortgeschrittene
    • Best Practice - Drupal Sites - Guidelines
    • Die beliebtesten Themes und Module
    • Tutorials & How To's - Tipps & Tricks
      • Kurztipps - Dinge die Stunden sparen können.
      • Notfallpläne - Tipps die Deine Drupalinstallation retten können
      • Anleitung zur Erstellung eines einfachen Kontaktformulars
      • Arbeiten mit dem Drupal Taxonomie-System [beinhaltet veraltete Inhalte]
      • Bearbeiten-Tab zu jeden Block hinzufügen
      • Block View mit Argument
      • Das Tagebuch einer Site
      • Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel
      • Drupal 6 - Eigene CSS Datei in ein Theme integrieren
      • Drupal 6 - Einfache Bildergalerie mit Image und Lightbox2
      • Drupal 6 - Einrichten eines Kalenders
      • Drupal 6 - Google Adsense ohne Zusatzmodul einbinden
      • Drupal 6 - Hauptnavigation mit DropDown Effekt ab Ebene Zwei
      • Drupal 6 - ImageMagick mit XAMPP Lite nutzen
      • Drupal 6 - Imagefield mit Imagecache und Colorbox
      • Drupal 6 - Installation FCK Editor
      • Drupal 6 - Installieren der WYSIWYG API inkl. Editoren
      • Drupal 7: mehrere Bilder in Node: 1 Bild in Anrisstext
      • Drupal Code Highlighting in Redmine Projektarchiv (CodeRay)
      • Drupal Theming: JavaScript einhängen in Abhängigkeit von Page-Variablen
      • Drush - Das Schweizermesser für Drupal auf Kommandozeile
      • Einfaches und erfolgreiches Patchen unter Windows
      • Eingabeformat & Inputfilter
      • Einrichten eines einfachen, statischen Menüsystems
      • Erstellen von Patches
      • Gallery mit CCK und Views erstellen (Drupal 5)
      • Header image Modul einrichten
      • Inhaltsübersicht für einen User mit einem View erstellen
      • Javascript und CSS-Dateien einbinden
      • Kontaktformular mit Jquery aufwerten
      • Leitfaden zur Erstellung von Suchmaschinenoptimierten Drupal-Sites
      • Mac OSX - Backupskript für Websites auf MAMP
      • Module updaten via Shell auf Windows
      • Module übersetzen
      • Perl-Script zum Erzeugen einer statischen Kopie einer Drupal-Website
      • Portierung eine Themes von openwebdesign.org
      • Prozentbalken bei Views (Balkendiagramm)
      • Themen eines Node-Formulars
      • Titel mit Stil
      • Umkreissuche mit Location- und Views-Modul
      • Usergalerie mit ImageCache, CCK, Views + Thickbox
      • Userprofil mit Usernodes erstellen
      • Validierung von Usereingaben bei Nodes
      • Variation vom Showroom auf drupalcenter.de
      • View mit Eingabeformular für neue Beiträge
      • WebSVN mit Drupal Code Highlighting
      • Zusätzliche Submit-Schaltfläche in Node-Formularen
      • i18n Language Switcher Block, die Links mit den Flaggen themen
      • ui.slider als Ersatz für den Ajax-Pager von Views
      • Zugriffsbeschränkungen für Nodes - eine Übersicht der Möglichkeiten
  • Entwicklung von Modulen und Themes
  • Drupalcenters Community
  • Drupal 7 Video-Trainings (Deutsch)
  • Drupal-Testumgebung erstellen
  • Drupal 6 Module
  • Drupal 7 Module
  • Drupal Screencasts auf deutsch
  • Archiv

Das Copyright des deutschsprachigen Drupal-Benutzerhandbuches unterliegt den jeweiligen Autoren. Übersetzungen des englischsprachigen Drupal-Benutzerhandbuches unterliegen der Creative Commons License, Attribution-ShareAlike 2.0.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association