• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onblur funktioniert nicht

Olli2212

Neues Mitglied
Hallo Leute,

ich möchte eine Zeile im Table zeigen lassen, wenn man auf das Input Feld bzw. das Formular klickt und wieder schließen lassen, wenn man ausserhalb des Input Feldes klickt, also abbricht.

Nun habe ich diesen Code:

HTML:
<table class="w100" border="0"><tr><td><form onclick='document.getElementById("favorite").style.visibility="visible"' onblur='document.getElementById("favorite").style.visibility="hidden"' id="netziel" name="netziel" action="javascript:location.href='link'+document.netziel.net.value"><input class="w100 extralarge bold" type="text" name="net" value=""></form></td></tr><tr id="favorite" name="favorite" style="visibility:hidden"><td onmouseover="this.style.backgroundColor='#CDE5FE'" onmouseout="this.style.backgroundColor='#ffffff'" onclick="document.location.href='link" style="background-color:#ffffff; color:#858585">Inhalt</td></tr></table>

Wenn ich auf das Feld klicke, wird die Zeile angezeigt, aber wenn ich ausserhalb klicke, bleibt sie immer noch sichtbar.

Danke im Voraus!
 
Das liegt daran, dass onclick und onblur für form gelten, nicht für input. Musst du also entsprechend ändern.
Außerdem würde ich onfocus statt onclick verwenden und in Zukunft auf Inline-Javascript/CSS verzichten.
 
Zurück
Oben