Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] zmiana stylu diva
Forum PHP.pl > Forum > Przedszkole
loonger
mam na stronie takiego inputa:
  1. <input type="text" name="nazwa" onchange="hop()">

i diva:
  1. <div id="moj_div" style="display:none;">tekst</div>


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 winksmiley.jpg
  1. <script type="text/javascript">
  2. function hop()
  3. {
  4. if(document.getElementById('moj_input').value!='')
  5. {
  6. document.getElementById('moj_div').innerHTML = document.getElementById('moj_input').value;
  7. document.getElementById('moj_div').style.display='block';
  8. }
  9. else
  10. document.getElementById('moj_div').style.display='none';
  11. }
  12. <input type="text" name="nazwa" id="moj_input" onkeyup="hop()">
  13.  
  14. <div id="moj_div" style="display:none;">tekst</div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.