✔ jQuery - Suche ein Event (bzw. Status dauerhaft überprüfen)

[Zenti]

Hallo zusammen. Wusste nicht wie ich das Thema besser beschreiben soll.

Zu meinem Problem:

Ich habe ein Formular das man über einen Button auf und zu klappen kann. Zusätzlich wird noch im aufgeklappten Zustand ein Tooltip rechts neben dem Formular angezeigt.

Wenn ich nun einen Focus auf ein Input Feld setze und ich dann auf den Help Button klicke soll der dazugehörige Tooltip erscheinen.

Ich dachte mir zuerst ich frage einfach in jQuery ob der DIV mit den Input Feldern zusätzlich eine Klasse mit dem Focus enthält und lasse dann den Tooltip erscheinen.

z.B.

if($( ".input-row").hasClass( "focus" )){
       $( ".helpTooltip" ).fadeIn( 500 );
}

Mir fehlt aber dafür ein Event. Ich möchte generell den Tooltip da anzeigen lassen wo auch der Focus gesetzt ist.

Ich hoffe ich habe es einigermaßen verständlich erklärt.
Würde mich sehr über Tipps und Anregungen freuen.

Danke!

Grüße,
Michael

EDIT:

Mein Ansatz wäre:

    $( ".butHelpSystem" ).click(function() {
        $( ".dialogContent" ).toggleClass( "helpWidth" );
        $(this).toggleText("Hilfe einblenden", "Hilfe ausblenden");
        if(!$( ".dialogContent").hasClass( "helpWidth" )) {
            $( ".helpSystem" ).hide();
        }
    });

    $( ".input-row" ).click(function() {
        if( $( ".dialogContent").hasClass( "helpWidth" ) ) {
            $( ".helpSystem" ).hide();
            if($(this).hasClass( "focus" )) {
                $(this).find( ".helpSystem" ).fadeIn( 500 );
            }
        } else {
            $( ".helpSystem" ).hide();
        }
    });

Allerdings funktioniert das logischerweise nicht mit einem "click" Event. (Nur wenn ich klicke) ^^
Ich möchte aber auch das es funktioniert wenn wirklich nur der Focus gesetzt ist bzw. die Class "focus" da ist.

Das muss man doch irgendwie dauerhaft mit einem Event überprüfen können ?

Danke schonmal

Grüße,
Michael

 

[harryman]

Ich sehe 2 Lösungsansätze:
a) Du willst den Tool-Tipp generell einblenden - ohne zus. Klick auf den Help-Btn (is more userfriendly)
=> dann kannst du im click-Event auf den .input-row die aktuelle Position ermittelt und relativ dazu den Tipp setzen

b) beim click in .input-row merkst du dir die aktuelle row-number in einem hidden-field, welches du beim Klick auf den Help-Btn ausliest und auswertest

 

[ComFreek]

Was ist mit dem "focus"-Event?
https://developer.mozilla.org/en-US/docs/Web/Events/focus

jQuery-Äquivalent: jQuery#focus()

 

[Zenti]

Jo, danke euch.
Harryman du hast mich auf eine gute Idee gebracht.

Danke!