mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:22 Benutzername: Passwort: Auto-Login

Thema: jQuery (Tools) | Tooltip vom 18.11.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jQuery (Tools) | Tooltip
Autor Nachricht
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 18.11.2009 10:06
Titel

jQuery (Tools) | Tooltip

Antworten mit Zitat Zum Seitenanfang

Hi Leute,
ich arbeite momentan auf einer Webseite mit den jQuery Tools, genauer mit dessen Tooltip Objekt.

Ich initialisiere den Tooltip folgendermaßen:

Code:
var tipSmall = $("#slider div.tooltip.small[title]").tooltip({
   tip:        '#tooltip',
   position:   'top left',
   offset:     [80, 35],
   effect:     'slide',
   api:         true
});


Jetzt würde ich gerne mittels der API und einem Callback eine Abfrage einbauen:

"Wenn das gehoverte Element eine bestimmte Klasse besitzt, dann gibt dem Tooltip bitte ein anderes Offset."

Für mich logisch erschien der Callback "onBeforeShow" der auch richtig ausgelöst wird, wenn ich das Event hovere.

Code:
var tipSmall = $("#slider div.tooltip.small[title]").tooltip({
   tip:        '#tooltip',
   position:   'top left',
   offset:     [80, 35],
   effect:     'slide',
   api:         true,
        onBeforeShow:   function(event,coords){
          console.log(coords);   
               console.log(coords);
          console.log($(this));
   }
});


Leider hänge ich an diesem Punkt. Wie krieg ich das Element ausgewählt, welches ich gerade hovere?
this gibt den Tooltip zurück, nicht aber das gehoverte element, der Callback "onBeforeShow" gibt nur das Event selbst und die X und Y Coordinaten des Tooltips zurück.

Was mir also schleierhaft ist, wie kriege ich im Callback das gehoverte Element und wie ändere ich das Offset dann?
Hat jemand einen Tipp für mich?

lg, choise
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 18.11.2009 10:10
Titel

Antworten mit Zitat Zum Seitenanfang

Wie schaut denn das MarkUp aus?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 18.11.2009 13:48
Titel

Antworten mit Zitat Zum Seitenanfang

ungefähr so (vereinfacht)

Code:

<div id="slider">
   <img class="tooltip small" />
   <img class="tooltip small" />
   <img class="tooltip small" />
</div>

<div id="tooltip"></div>


keiner ne idee? Menno!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen tooltip, css und image map
probleme mit css tooltip
Image hover tooltip
[Suche] Sowas wie ein Tooltip!
Tooltip über Link
Probleme bei Tooltip Javascript von Walter Zorn
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.