[js] zmiana stylu diva Opcje

[loonger]

mam na stronie takiego inputa:

[HTML] pobierz, plaintext 
<input type="text" name="nazwa" onchange="hop()">
[HTML] pobierz, plaintext 

i diva:

[HTML] pobierz, plaintext 
<div id="moj_div" style="display:none;">tekst</div>
[HTML] pobierz, plaintext 

jak powinna wygladac funkcja hop() ktora zmieni styl diva zeby byl widoczny po wpisaniu tekstu do inputa oraz ukryje diva jesli tekst z inputa zostanie skasowany?

[SHiP]

Testowalem pod operą 9 ale powinno działac pod wszystkim co ma JavaScipt (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[HTML] pobierz, plaintext 
<script type="text/javascript">
function hop()
{
    if(document.getElementById('moj_input').value!='')
    {
        document.getElementById('moj_div').innerHTML = document.getElementById('moj_input').value;
        document.getElementById('moj_div').style.display='block';
    }
    else
        document.getElementById('moj_div').style.display='none';
}
</script>
<input type="text" name="nazwa" id="moj_input" onkeyup="hop()">
 
<div id="moj_div" style="display:none;">tekst</div>
[HTML] pobierz, plaintext