jQuery plugins Tooltip einbinden
![](http://www.drupalcenter.de/files/noavatar_mini.gif)
am 16.06.2009 - 15:25 Uhr in
Hallo,
erstmal vielen Dank für die vielen nützlichen Tipps & Tricks hier im Drupalcenter!
Nun komme ich aber leider nicht mehr weiter...
Ich möchte gerne ein Popup/Tooltip per Mouseover geöffnet bekommen wenn man über einen User-Avatar geht. Scheinbar geht es mit dem Plugin "Tooltip" aus dem jQuery plugins-Modul. Nur...: wie binde ich dieses nun ein? Dass ich irgendwo "jquery_plugin_add('tooltip'" einbinden muss, weiß ich, aber wo? In dem Popup/Tooltip sollte sich ein größeres Avatar-Bild (per Imachecache nehme ich an?) befinden, den Usernamen und vielleicht noch ein oder mehrere CCK-Felder.
Wäre echt toll wenn ihr mir weiterhelfen könnt!
Vielen vielen Dank!
Gruß,
Hendrik
- Anmelden oder Registrieren um Kommentare zu schreiben
Hat vielleicht jemand eine Lösung?
am 17.06.2009 - 08:07 Uhr
Guten Morgen,
hat vielleicht jemand eine Lösung? Ihr würdet mir einen riesen Gefallen tun...
Danke danke!
jquery_plugin_add
am 17.06.2009 - 08:38 Uhr
Moin.
Für gewöhnlich sollte die Funktion dann aufgerufen werden, wenn das Plugin benötigt wird (also bei der Anzeige der entsprechenden Seite).
Dies kannst Du einerseits über ein Modul, andererseits jedoch auch über die Datei template.php erreichen.
Dort gibt es (meistens jedenfalls) eine Funktion namens
template_preprocess_page
, in der Du das gewünschte Plugin durch einen Aufruf vonjquery_plugin_add
hinzufügen kannst.Wenn Du es nur auf einer speziellen Seite benötigst, kannst Du das dort auch gleich abfragen.
hth,
Stefan
--
sei nett zu Deinem Themer
Danke, aber...
am 17.06.2009 - 09:55 Uhr
Hallo Stefan,
vielen Dank für Deine Antwort. Leider habe ich keine Funktion namens
template_preprocess_page
in meiner template.php.Mit dem Modul jQuery plugins ist es scheinbar möglich, diese Mouseover-popups zu realisieren. Nur wie?
Da steht zwar:
The jquery_plugin module allows you to load miscellaneous jQuery plugins from any module or theme by calling the jquery_plugin_add($plugin) function. For example, jquery_plugin_add('validate') would load the Validation plugin. It also supports jQ, a jQuery plugin registry.
Dementsprechend musste es möglich sein über
jquery_plugin_add('tooltip')
ein Popup zu generieren. Aber wo muss ich dass eingeben? und wie/wo lege ich die felder und den avatar fest?Vielleicht könntest Du Dir das Modul mal anschauen und mir weiterhelfen? Wäre echt nett!
jQuery Plugin
am 17.06.2009 - 09:58 Uhr
template_preprocess_page
in meiner template.php.Dann hindert Dich nichts daran, sie hinzuzufügen. Siehe dazu auch http://drupal.org/node/223430.
jquery_plugin_add('tooltip')
ein Popup zu generieren.Falsch. Über diese Funktion bindest Du nur das Plugin (also die entsprechende js-Datei) ein. Den Popup generierst Du anders. Wie, steht
höchstwahrscheinlichdefinitiv in der Dokumentation des Plugins selbst.hth,
Stefan
--
sei nett zu Deinem Themer
Hab mir es gerade
am 17.06.2009 - 10:21 Uhr
Hab mir es gerade durchgelesen, vieles habe ich aber leider nicht verstanden. Werde aber mein bestes tun :-)
Also habe ich dass jetzt richtig interpretiert:
Ich muss folgendes in der template.php einfügen:
function template_preprocess_page() {
jquery_plugin_add('tooltip')
}
Ist dass so richtig?
preprocess_page
am 17.06.2009 - 10:51 Uhr
Nimm mal zur Sicherheit
THEMENAME_preprocess_page
. Also bei garland:garland_preprocess_page
.Und dann nicht vergessen, den Theme-Cache zu leeren.
hth,
Stefan
--
sei nett zu Deinem Themer
Soo, ich habe es jetzt so im
am 17.06.2009 - 11:35 Uhr
Soo, ich habe es jetzt so im template.php eingebaut:
<?php
function endless_news_preprocess_page() {
jquery_plugin_add('tooltip');
}
Und jetzt habe ich leider wirklich keine Ahnung wie ich den Rest hinbekommen soll. Leider gibt es kein Tutorial wie man es in Drupal intergriert... :-(
Vielleicht noch kurz eine Hilfestellung von Dir?
Danke schonmal!
Beispiele
am 17.06.2009 - 11:51 Uhr
Vielleicht noch kurz eine Hilfestellung von Dir?
Eigentlich wollte ich jetzt nur "schau Dir die Beispiele an" schreiben.
Aber da es heute so schön ist...
Schau Dir die Beispiel zu dem Plugin an. Und dann schau Dir an, wie man in Drupal Javascript hinzufügt (Tipp:
drupal_add_js
).Damit bekommst Du die Tooltips hin. Wenn Du allerdings spezielle Inhalte in den Tooltips anzeigen möchtest, musst Du wahrscheinlich die entsprechenden node-[Typ].tpl.php oder Views-Templates überschreiben und die Inhalte dann dort in die Tooltips laden (vorzugsweise sagar über eine
preprocess_node
und ein dort platziertesdrupal_add_js
).hth,
Stefan
--
sei nett zu Deinem Themer
Hmmm, aber ist denn nicht so
am 17.06.2009 - 12:07 Uhr
Hmmm, aber ist denn nicht so dass
drupal_add_js
eigentlich dass gleiche ist wiefunction endless_news_preprocess_page() {
jquery_plugin_add('tooltip');
}
?
Wahrscheinlich eine ultra-doofe Frage von mir...
drupal_add_js
am 17.06.2009 - 12:17 Uhr
http://api.drupal.org/api/function/drupal_add_js vs. http://drupalcontrib.org/api/function/jquery_plugin_add
Letzte Funktion macht noch eine Existenzprüfung, prinzipiell könnte man die gewünschte Datei natürlich auch über
drupal_add_js
einbinden.Stefan
--
sei nett zu Deinem Themer