Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

JQuery UI in Theme einbinden

Eingetragen von 21cdb (7)
am 25.02.2011 - 12:48 Uhr in
  • Themes & Theming
  • Drupal 7.x

Hallo zusammen,

ich würde gerne folgenden Image Slider in template für die Startseite einbauen.

http://demo.webdeveloperplus.com/featured-content-slider/

Der Slider benötigt Jquery und Jquery UI, die ja beide mit Drupal ausgeliefert werden.
Ich habe nur Erfahrung mit Wordpress, da aber sehr gut, ein neues Projekt verlangt nun nach Drupal 7.

Wie kann man die JQuery Scripte in das Theme einbinden?

‹ EIgenes page.tpl für speziellen Inhaltstypen (erledigt) Nicemenu Lücke schliessen ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Indem du einfach die

Eingetragen von Exterior (2903)
am 25.02.2011 - 13:22 Uhr

Indem du einfach die entsprechend JS-Files mit einbindest? Wo liegt denn da das Problem?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wie kann ich denn Dateien im

Eingetragen von 21cdb (7)
am 25.02.2011 - 14:16 Uhr

Wie kann ich denn Dateien im head Bereich einbinden?

Ich arbeite mit dem Standard Bartik Theme von Drupal 7 - dort heißt es in der page.tpl.php:

Zitat:

* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.tpl.php template normally located in the
* modules/system folder.

Da Drupal beide jQuery Libraries selbst mitbringt, dachte ich es gibt eine besonders einfache Art der Einbindung.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Aber der von dir gewünschte

Eingetragen von Exterior (2903)
am 25.02.2011 - 22:00 Uhr

Aber der von dir gewünschte Slider gehört doch nicht zum Standard von jQuery UI, oder? Die normalen jQuery UI-Funktionen kann man mit drupal_add_library aufrufen, aber das wird nicht funktionieren, wenn der Slider nicht zum Standard-Umfang gehört.

JS-Dateien kann man z. B. über drupal_add_js einbinden, evtl. könntest du da mittels Preprocess-Funktion über die template.php gehen, damit das JavaScript entsprechend eingebunden wird.

Oder du kopierst dir das gesamte Bartik-Theme von /themes nach sites/all/themes, benennst den Ordner und die Daten in der bartik.info sowie die Funktionen in der template.php entsprechend um (damit das Theme nicht zweimal existiert) und fügst in diesen Theme-Ordner die html.tpl.php ein. Dann kannst du darin Dinge ändern, die nur Einfluss auf das entsprechende Theme haben.

Ich würde auf jeden Fall den Weg gehen, den Theme-Ordner nach sites/all/themes zu kopieren und entsprechend umzubenennen und dann in der template.php in eine preprocess-Funktion einzugreifen. Denn wenn du die Änderungen einfach so im Bartik-Theme machst, sind sie beim nächsten Core-Update weg.

Wenn du den Ordner kopiert hast, rufst du von dem "neuen" Theme die template.php auf, gleich die erste Funktion ist eine Implementation von theme_preprocess_html, da findest du zum Beispiel ganz unten in der Funktion zwei Zeilen, in denen CSS-Dateien für den IE6 eingebunden werden. Direkt danach könntest du mit drupal_add_js deine JS-Files einbinden.

Drupal bringt zwar jQuery und die UI sowie entsprechende Einbindungs-Möglichkeiten mit, aber damit kannst du ja nichts einbinden, was nicht zur UI gehört.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich habe es hinbekommen indem

Eingetragen von 21cdb (7)
am 26.03.2011 - 11:19 Uhr

Ich habe es hinbekommen indem ich mich auf JQuery und JQuery UI besinnt habe.

Herzlichen Dank für die ausführlichen Erklärungen und Hinweise!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
Weiter

Neue Kommentare

  • Danke ich werde mir die
    vor 5 Wochen 3 Tagen
  • Vielen Dank für Ihren
    vor 5 Wochen 6 Tagen
  • Composer ist sehr ratsam
    vor 6 Wochen 1 Tag
  • Vielen Dank für den
    vor 6 Wochen 4 Tagen
  • Die alten CMS Vergleiche von contentmanager.de
    vor 6 Wochen 4 Tagen
  • Gut gemacht
    vor 6 Wochen 4 Tagen
  • Layout Builder etc. z.B. für Landing Pages
    vor 6 Wochen 4 Tagen
  • Links
    vor 7 Wochen 6 Stunden
  • Moin,wow, sehr gutes
    vor 7 Wochen 1 Tag
  • Dass ist eine spannende
    vor 7 Wochen 1 Tag

Statistik

Beiträge im Forum: 250316
Registrierte User: 20567

Neue User:

  • Philiphelve
  • Robertspaft
  • drupalthemes

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 7 Gäste online.

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