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

  • PHP 8.1 - Deprecated function: rtrim()
  • Preloader / Spnner entfernen Menu Link Modal-Modul
  • Schriftgröße standard einstellen
  • Drupal Website gestalten
  • MariaDB 10.6
  • Entity Reference - Title Felder werden als Link angezeigt
  • Tokens werden in Viev als Link angezeigt
  • [bug entdeckt & workaround gefunden] benutzerdefinierte Felder vom Userprofil tauchen ungefragt auch in den Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
Weiter

Neue Kommentare

  • Danke fürs Feedback. Gut dass
    vor 2 Tagen 1 Stunde
  • Patch angewandt
    vor 2 Tagen 4 Stunden
  • core_version_requirement: ^8
    vor 4 Tagen 6 Stunden
  • core_version_requirement: ^8
    vor 4 Tagen 6 Stunden
  • ok. Wenn ich das mache
    vor 4 Tagen 6 Stunden
  • Bei gleichem Namen hat das
    vor 4 Tagen 7 Stunden
  • Sorry, dass ich mich hier
    vor 4 Tagen 7 Stunden
  • Habe Patch versucht
    vor 4 Tagen 14 Stunden
  • Hier wird ein Patsch
    vor 4 Tagen 16 Stunden
  • Mit Drupal geht das um 150
    vor 5 Tagen 3 Stunden

Statistik

Beiträge im Forum: 247866
Registrierte User: 19592

Neue User:

  • Davidsnins
  • kudes
  • Tkakah

» Alle User anzeigen

User nach Punkten sortiert:
wla9213
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 1 Gast 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