jQuery plugins - Tooltip integrieren
Eingetragen von deepz0ne (48)am 24.07.2009 - 13:08 Uhr in
Hallo liebe Drupaler,
ich komme und komme nicht weiter...
Vielleicht ist einer so nett und würde mir Schritt für Schritt erklären wie ich folgendes integrieren kann:
Ich habe in diversen Blöcken auf meiner Seite (z.B. "wer ist neu" oder "jetzt online" nur User-Avatars (=ein CCK-Feld). Wenn ein User oder Besucher jetzt mit der Maus über einen Avatar geht, sollte sich ein Pop-up/Tooltip öffnen mit ein paar Userdaten (z.B. Alter, Wohnort (sind auch wieder CCK-Felder).
Das Modul "jQuery plugins" (http://drupal.org/project/jquery_plugin) hat das Plugin "Tooltip" (http://plugins.jquery.com/project/tooltips) integriert. Genau dass was ich suche! Nur... Wie bindet man dieses jetzt ein? Wo muss ich was eingeben? Wie bringe ich diese CCK-Felder rein?
Ich weiß, ich sollte auch aktiv recherchieren, aber dass habe ich bereits gemacht. Es fehlt wirklich eine Schrit für Schritt Erklärung.
Vielen vielen Dank schonmal!
Gruß,
Deepz0ne
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich würde das ganze über
am 27.07.2009 - 09:40 Uhr
Ich würde das ganze über AJAX lösen. Im Detail heißt das, das du ein eigenes Modul erstellst, dort erstellst du einen hook_menu und registrierst dir einen Pfad, z.B. user_tooltip_data. Als zweiten Schritt würde ich allen Usern zum einen eine bestimme Klasse geben, z.B. show-tooltip-user, und eine id in welcher die user-id enthalten ist. Als nächstes must du den Tooltip auf die vorhergennante Klasse triggern, also z.B. $('.show-tooltip-user).trigger(). Dann must du noch die Events onBeforeShow und onHide erstellen. In onBeforeShow erstellst du einen div mit der id tooltip welcher deine Tooltip-Daten per AJAX von deinem eigenen Drupal-Modul bezieht. In onHide zerstörst du den div wieder.
Ist jetzt nur nen Gedankenkonstrukt, *sollte* aber funktionieren.
HTH
0xAFFE