Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Allgemeines zu Drupal ›

[gelöst] Drupal 7 jquery ui

Eingetragen von CyberCore (139)
am 08.02.2011 - 13:14 Uhr in
  • Allgemeines zu Drupal
  • Drupal 7.x

Hallo,

wie kann ich bei D7 am Besten jquery ui auf jeder Seite (public) verfügbar machen?

Andreas

‹ Diashow mit Überblend-Effekt. Wie kann ein User die Bilder definieren? views block mit jump menu generiert falsche links ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Magst du uns evtl. noch ein

Eingetragen von Exterior (2903)
am 08.02.2011 - 17:08 Uhr

Magst du uns evtl. noch ein paar Infos geben, was genau du vor hast?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Jquery UI Drupal 7

Eingetragen von CyberCore (139)
am 10.02.2011 - 15:33 Uhr

Hallo und danke für die Antwort,

es war eher als generelle Frage gedacht, aber ich kann gerne ein Szenario aufführen.

In das Contentfeld eines bestimmten Nodetypes füge ich ein:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>

Dies soll mir im Idealfall bei der Ausgabe über jquery ui Tabs darstellen.

In der Templatedatei für den Contenttyp dann noch der Aufruf:

<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

Aber und nun zu meiner Frage, wie teile ich Drupal mit, das auf dieser Seite jquery ui mit eingebunden werden soll.

Jquery UI wird ja im Admin verwendet, hab es noch nicht mit einer misc.js im Templateverzeichnis probiert, das hatte damals zu einer Einbindung von jquery.js auf jeder D6 Seite geführt.

Gruß und Danke,

Andreas

P.s.: Ich könnte auch mit den eingebauten Contentfeldern mir jedesmal 3 Felder mit der Bezeichnung Tab1, Tab2, Tab3 etc machen und die dann in einem Template ausgeben lassen, aber die Problematik des generellen einbindens der jquery ui bleibt.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Tja, das jQuery UI-Modul gibt

Eingetragen von Exterior (2903)
am 10.02.2011 - 19:56 Uhr

Ich habe gerade bei den Releases von jQuery UI das hier gesehen:

Zitat:

Since Drupal 7 ships with jQuery UI, the jQuery UI module has been deprecated and moved to the jQuery Update module.

Also solltest du dich mal per Google umschauen, was es dazu gibt, wie man das jQuery UI im Core verwendet. da gibt es z. B. diesen Eintrag:

http://www.chrisherberte.com/blog/drupal-7-and-jquery-ui-accordion

Daraus geht hervor, dass man diese UI-Funktionen mit drupal_add_library einbinden kann:

<?php
drupal_add_library
('system', 'ui.accordion');
?>

Wenn du das also noch mit unterbringst, könnte es klappen (dann eben "ui.tabs" anstelle von "ui.accordion").

  • Anmelden oder Registrieren um Kommentare zu schreiben

super, dank Dir. Hat gut

Eingetragen von CyberCore (139)
am 12.02.2011 - 10:41 Uhr

super, dank Dir.

Hat gut geklappt.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Enschuldigung für die

Eingetragen von Steffen_ (8)
am 26.01.2012 - 12:33 Uhr

Enschuldigung für die Anfängerfrage, aber ich finde sonst nirgends Informationen für mein Problem.

Was bedeutet denn "Templatedatei"?

Ich versuche gerade ebenfalls jQuery auf meiner Seite einzubauen (http://www.ehrmann-photography.de/?q=de/node/42). Hier sollte eigentlich der Code

<?php
drupal_add_library
('system', 'ui.accordion');
drupal_add_js('jQuery(document).ready(function(){jQuery("#accordion").accordion();});', 'inline');
?>

<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<h3><a href="#">Section 2</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<h3><a href="#">Section 3</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

ausgeführt werden. "PHP code" ist als text format ausgewählt.

Was mache ich falsch?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Alles klar, wenn man dann

Eingetragen von Steffen_ (8)
am 26.01.2012 - 13:03 Uhr

Alles klar, wenn man dann noch den richtigen "PHP Code" aktiviert funktioniert das auch ;)

  • Anmelden oder Registrieren um Kommentare zu schreiben

An der Stelle ist das

Eingetragen von wla (9461)
am 26.01.2012 - 13:07 Uhr

An der Stelle ist das Einfügen zu spät. Das mußt Du in der Datei template.php in Deinem Theme am Anfang der Datei einfügen. Das es sich hierbei um eine reine PHP-Datei handelt, brauchst Du die Einrahmung mit <?php ?> nicht. Das Anfangs <?php sollte schon da sein.

Beste Grüße
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

Und wofür ist es dann gut,

Eingetragen von Steffen_ (8)
am 26.01.2012 - 18:18 Uhr

Und wofür ist es dann gut, das dort einzufügen? Eigentlich funktioniert der gewünschte Effekt ja auch so schon, wie du siehst, wenn du dem Link folgst, den ich gepostet habe.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ok, nach dem hier:

Eingetragen von Steffen_ (8)
am 26.01.2012 - 20:13 Uhr

Ok, nach dem hier: http://morphosis7.wordpress.com/2011/08/11/using-jqueryui-within-drupal-7/ würde ich das machen, um in meinem body nur noch html zu haben. Warum ist das aber relevant? Entstehen dadurch Sicherheitslücken? Oder mache ich es um traffic zu sparen?

viele Grüße
Steffen

  • 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 0 User und 20 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