SouthernWind
Grünschnabel
Hi Leute,
hänge hier grad mal wieder an einem Problemchen.
Ich muss in einem formular beim <input type="text"> sobald dieser input type den focus hat (also entweder durch tab oder click) ein verstecktes div anzeigen.
Soweit so gut.... nur muss dieses div sobald das entsprechende feld keinen focus mehr hat ausgeblendet werden.
irgendjemand eine Idee oder Tipp oder Vorschlag? Bin für jede Anregung dankbar
hänge hier grad mal wieder an einem Problemchen.
Ich muss in einem formular beim <input type="text"> sobald dieser input type den focus hat (also entweder durch tab oder click) ein verstecktes div anzeigen.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title="showhide"></title>
</head>
<script language="javascript" type="text/javascript">
function showhide(id)
{
if (document.getElementById(id).style.visibility == 'hidden')
{
document.getElementById(id).style.visibility='visible';
}
else
{
document.getElementById(id).style.visibility='hidden';
}
}
</script>
<body>
<form action="">
<input type="text" onfocus="javascript:showhide('optionen');" /> <-- hat funktion
<br /><br />
<input type="text" /> <-- hat keine funktion
</form>
<div id="optionen" style="visibility: hidden;">ein bisschen text...</div>
<p>
Bugs:
<ul>
<li>div wird nicht ausgeblendet wenn feld keinen focus mehr hat<br />(muss bei klick außerhalb sowie bei klick in ein anderes feld ausgeblendet werden)</li>
<li>div wird erst bei erneutem klick ins feld ausgeblendet</li>
</ul>
</p>
</body>
</html>Soweit so gut.... nur muss dieses div sobald das entsprechende feld keinen focus mehr hat ausgeblendet werden.
irgendjemand eine Idee oder Tipp oder Vorschlag? Bin für jede Anregung dankbar
