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

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 13 Stunden
  • Hey danke
    vor 2 Wochen 1 Tag
  • Update: jetzt gibt's ein
    vor 2 Wochen 2 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 6 Tagen
  • Da scheint die Terminologie
    vor 2 Wochen 6 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 3 Tagen
  • In der entsprechenden View
    vor 3 Wochen 3 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 3 Tagen
  • gelöst
    vor 6 Wochen 10 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20453

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 1 Benutzer und 24 Gäste online.

Benutzer online

  • ian_radnor

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