jQUery UI Widgets in Node - Funktioniert nicht
am 19.02.2010 - 15:08 Uhr in
Hallo Zusammen
habe mich die letzten paar Tage mit jQuery UI beschäftigt und bin schon ziemlich begeistert.
Ich hab mir natürlich gleich mal das ganze Paket geladen und ausprobiert, und zwar in einer HTML Datei. Einfach immer das JS direkt eingebunden und alles hat funktioniert.
Jetzt wollte ich das ganze einfach in Drupal portieren. Leider mit nur wenig Erfolg.
Meine Vorgehensweise:
1. jquery UI Modul installiert und nach dieser Anleitung eingerichtet. Laut Entwickler wird dann alles in Drupal geladen.
2. Alle nötigen Zeilen in meine node-eigenenode.tpl.php eingefügt und geladen. Eigentlich so wie bei der HTML-Datei. Leider keine Funktion. Ein Blick in den Quellcode zeigte das die Dateien wohl nicht geladen werden.
3. Hab dann versucht über drupal_add_js(); die Dateien einzubinden. Im QUellcode werden sie auch geladen, leider habe ich trotzdem keine Funktion.
4. Habe danach alle möglichen Kombinationen ausprobiert. Also jQuery UI Modul an und aus, direktes einbinden, woanderst einbinden (page.tpl.php, node.tpl.php). Nichts.
5. Nochmal die Readme gelesen und es über jquery_ui_add('ui.plugin-name');. Wieder wurden die Dateien geladen aber keine Funktion.
Wer kann mir weiterhelfen? Ich bin noch Neuling mit Drupal und mein Latein ist leider zu Ende.
Mein Ziel ist es die von jQuery zur Verfügung stehenden Widgets zu benutzen.
Greetz Mike
- Anmelden oder Registrieren um Kommentare zu schreiben
Hast Du auch, wie in dem
am 19.02.2010 - 15:18 Uhr
Hast Du auch, wie in dem Modul beschrieben, den jQuery-Code in das entsprechende Unterverzeichnis kopiert?
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Hallo Werner ja habe den
am 19.02.2010 - 16:27 Uhr
Hallo Werner
ja habe den Code in das Unterverzeichnis kopiert.
Ich habe den Inhalt des Ordners "development_bundle" (aus dem iQuery UI Paket) in sites/all/modules/jquery_ui/jquery.ui kopiert.
Den Code um, beispielsweise die Tabs anzuwenden, habe ich auch auf verschiedenste Weise eingebunden.
Beispiel:
$(function() {
$("#tabs").tabs();
});
Auch diesen Code habe ich, in mehrmals geänderter Version, eingebunden. Alles immer in einer eigenen Datei und wieder per drupal_add_js(); eingebunden.
Code 1 wie oben
Code 2:
$(document).ready(function(){
$("#tabs").tabs();
});
Code 3:
$("#tabs").tabs();
Code 4: Dieser Code wird in der Readme.txt angegeben und richtet sich an Modulentwickler.
jquery_ui_add('ui.tabs.js');
Und ebenfalls direkt über
<script type="text/javascript"> CODE </script>
http://tipps4android.de made with Drupal :)
Hallo, hast Du es
am 05.03.2010 - 20:45 Uhr
Hallo,
hast Du es mittlerweile lösen können?
Stehe nämlich vor genau dem gleichen Problem. Alles gemacht wie beschrieben, jedoch kann ich die Funktionalität nicht nutzen!
gruss
drupalino
gruss
drupalino
Also wenn ich mir den Code
am 05.03.2010 - 22:08 Uhr
Also wenn ich mir den Code von oben so ansehe, setzt das voraus, das in der HTML-Struktur der Seite ein Element mit der ID 'tabs' vorkommt. Andernfalls springt die Funktion nicht an. Ist das der Grund?
Man sollte in etwa verstehen, was da passiert, sonst kann man solche Beispiele nicht übertragen.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Hallo ja ich verstehe recht
am 06.03.2010 - 06:21 Uhr
Hallo
ja ich verstehe recht gut wie die Zusammenhänge sind. Element mit der ID tabs ist vorhanden.
Habe das Problem inzwischen lösen können.
Jedoch woran es genau lag kann ich nicht genau sagen.
Ich habe das Modul jQuery UI wieder deaktiviert, da es sich bei diesem Modul nur um die Unterstützung von jQUery UI für Entwickler handelt. Sprich Module etc.
Danach hatte ich einen Artikel gefunden der einem Rät anstatt das $-Zeichen das Wort 'jQuery' zu verwenden.
Außerdem habe ich die Reihenfolge der Javascript-Dateien geändert, erst die jQuery UI und dann die anderen.
Cache geleert.
Und dann lief die ganze Sache glaub ich.
Probiers am besten mal aus und berichte was es bei dir war.
http://tipps4android.de made with Drupal :)
JQuery nur mit Devel Modul
am 06.05.2010 - 15:46 Uhr
Mein Problem mit JQuery ist ähnlich, da es funktioniert und auch wieder nicht. Denn es funktioniert nur mit eingeschaltetem Devel Modul und dann auch wunderbar.
Auch bei Views mit hervorgehobenen Formular funktioniert AJAX nur in der Views UI, nicht aber auf der Ausgabeseite. Vielleicht haben ja beide Probleme die gleiche Ursache?
Drupal 6.16
Jemand vielleicht eine Idee woran es liegen könnte.
Grüße
Andreas
Jaja, diese lieben jQuery
am 11.05.2010 - 09:49 Uhr
Jaja,
diese lieben jQuery Plugins. Ich dachte ja ich habe mein Problem gelöst, aber so wirklich stimmt das nicht.
Es funktioniert, wenn ich die Bibliothek z.B. in der page.tpl.php hineinpacke. Kann dann auch noch selobst was mit jQuery machen hier und da! Nur wenn ich jetzt eine weiteres Plugin bzw. Bibliothek nutzen möchte geht es nicht mehr.
Wohingegen, wenn ich es in einem Block nutze funktioniert es auf Seiten, wo die andere Bibliothek genutzt wird.
Verzweifel auch so langsam.
Also nochmal der Hilfeschrei an einen Experten.
gruss
drupalino
Also ich bin jetzt dazu
am 11.05.2010 - 15:11 Uhr
Also ich bin jetzt dazu übergegangen, die Tabs rauszuschmeissen und das selber zu implementieren, da ich eh nur zwei "Reiter" benötige nicht so aufwendig. Muss nur noch sehen, dass ich den schönen Fading-Effekt hinbekomme.
Dennoch, wenn jemand einen Tipp hat woran das ursprüngliche Problem gelegen hat, ist die Lösung nach wie vor willkommen ;-)
gruss
drupalino