[gelöst] Drupal 7 jquery ui
Eingetragen von CyberCore (139)
am 08.02.2011 - 13:14 Uhr in
am 08.02.2011 - 13:14 Uhr in
Hallo,
wie kann ich bei D7 am Besten jquery ui auf jeder Seite (public) verfügbar machen?
Andreas
- Anmelden oder Registrieren um Kommentare zu schreiben
Magst du uns evtl. noch ein
am 08.02.2011 - 17:08 Uhr
Magst du uns evtl. noch ein paar Infos geben, was genau du vor hast?
Jquery UI Drupal 7
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.
----------------------------------------
Browser Automatisierung / SEO On- und Offpage - http://www.cybercore.de
Tja, das jQuery UI-Modul gibt
am 10.02.2011 - 19:56 Uhr
Ich habe gerade bei den Releases von jQuery UI das hier gesehen:
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").
super, dank Dir. Hat gut
am 12.02.2011 - 10:41 Uhr
super, dank Dir.
Hat gut geklappt.
----------------------------------------
Browser Automatisierung / SEO On- und Offpage - http://www.cybercore.de
Enschuldigung für die
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?
Alles klar, wenn man dann
am 26.01.2012 - 13:03 Uhr
Alles klar, wenn man dann noch den richtigen "PHP Code" aktiviert funktioniert das auch ;)
An der Stelle ist das
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
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Und wofür ist es dann gut,
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.
Ok, nach dem hier:
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