Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] write
Forum PHP.pl > Forum > Przedszkole
Wieczny
Witam mam taki problem że gdy opuszczam input to powinno zmienić kolor obramowania a obok pojawić się napis błąd/ ok w zależności od tego czy dane są poprawne czy nie. Jednak nie działa mi to pierwsze tzn write gdy opuszczam input to następuje jak by przeładowanie pojawia się napis Błąd lecz już input nie bądź się pojawia lecz bardzo długo ładuje się strona tak jak by się zapętliło a to kod proszę smile.gif
  1. document.write("Bląd").getElementById(id).style.borderColor='red';



edit Wszystko działa tylko gdy dodaje write to już nie ;]
nevt
zrób tak:

Kod
getElementById(id).style.borderColor='red';
alert('Błąd!');
Wieczny
ale nie chce okienka ... ;/
lilik
moze sprobuj innerHTML
Wieczny
tzn co to jest ? Nie zna nikt sposobu w Js ?
lilik
  1. getElementById(id).style.borderColor='red';
  2. getElementById(id2).innerHTML='Błąd';


gdzie id2 to id diva w ktorym chcesz wyswietlic łańcuch 'Błąd'

a njaprosciej bys to na jQuery zrobil
nevt
Cytat
tzn co to jest ? Nie zna nikt sposobu w Js ?

sposobu na co? na zmianę działania document.write() questionmark.gif tego po prostu nie robi się w ten sposób...
nie znasz składni JS, nie rozumiesz przykładów które dostajesz - o co i do kogo masz pretensje?
Wieczny
  1. <?php
  2. <form action='index.php' method=post>
  3. <div id="2">test
  4. <input id="1" type="text" name="pole1" onchange="test(this.id, this.type, this.value)">
  5. </div>
  6. </form>
  7.  
  8. <script language='javascript'>
  9. function test(id, type, value)
  10. {
  11. if(document.getElementById(id).value=='xxx')
  12. {
  13.  
  14. document.getElementById(id).style.borderColor='red';
  15. document.getElementById(id2).innerHTML='Błąd';
  16. }
  17. else
  18. {
  19. document.getElementById(id).style.borderColor='green';
  20. }
  21. }
  22. </script>
  23. ?>


mam coś takiego i czegoś brakuje chyba muszę jeszcze do funkcji dopisać id z diva tylko zielonego pojęcia nie mam ;d
lilik
a no brakuje kilku elemntow winksmiley.jpg

  1. <form action='index.php' method=post>
  2. <div id="2">test
  3. <input id="pole1" type="text" name="pole1" onchange="test('pole1', 'info');"><span id="info"></span>
  4. </div>
  5. </form>
  6. <script language='javascript'>
  7. function test(id, id2)
  8. {
  9. if(document.getElementById(id).value=='xxx')
  10. {
  11.  
  12. document.getElementById(id).style.borderColor='red';
  13. document.getElementById(id2).innerHTML='Błąd';
  14. }
  15. else
  16. {
  17. document.getElementById(id).style.borderColor='green';
  18. }
  19. }

sprawdzalem dziala jak trzeba winksmiley.jpg

dodalem dwa male ulepszenia i w ostatecznej dzialajacej formie masz

  1. <form action='index.php' method=post>
  2. <div id="2">test
  3. <input id="pole1" type="text" name="pole1" onkeyup="test('pole1', 'info');"><span id="info"></span>
  4. </div>
  5. </form>
  6. <script language='javascript'>
  7. function test(id, id2)
  8. {
  9. if(document.getElementById(id).value=='xxx')
  10. {
  11.  
  12. document.getElementById(id).style.borderColor='red';
  13. document.getElementById(id2).innerHTML='Błąd';
  14. }
  15. else
  16. {
  17. document.getElementById(id).style.borderColor='green';
  18. document.getElementById(id2).innerHTML=' ';
  19. }
  20. }
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.