Philipp.: Bei Texteingabe in input-Feld div einblenden

Beitrag lesen

SELF-Forum

Bei Texteingabe in input-Feld div einblenden

Philipp.
– Informationen zu den Bewertungsregeln

Du musst es vorher verstecken

Okay, das Einblenden klappt schon mal, danke:

<html>  
  <head>  
  
  <script type="text/javascript">  
  function showtext()  
  {  
    if(document.getElementById('eingabe').value == "")  
    {  
      document.getElementById('textl').style.visibility = "hidden";  
    }  
    else  
    {  
      document.getElementById('textl').style.visibility = "visible";  
    }  
  }  
  </script>  
  
  <style type="text/css">  
  
    #textl  
    {  
      visibility: hidden;  
      display: inline;  
    }  
  
  </style>  
  
  </head>  
  
  <body>  
  
    <input type="text" id="eingabe" onchange="showtext()"><br>  
    <div id="textl">  
      <a href="#">Text</a><br>  
      <a href="#">Text</a><br>  
      <a href="#">Text</a><br>  
      <a href="#">Text</a><br>  
    </div>  
  
  </body>  
  
</html>

Allerdings wird das div erst angezeigt, wenn man nach der Eingabe mit der Maus neben das Eingabefeld klickt oder mit Tab rausspringt. Das ist natürlich doof. Geht das auch direkt während der Eingabe?

Beitrag melden
–
Informationen zu den Bewertungsregeln