Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Czysczenie formlarzy...
Forum PHP.pl > Forum > Przedszkole
gylopl
Witam!
Mam problem z czysczeniem formularzy:) Ponizej jest formularz sluzacy do shoutboxa.... dodalem funkcje fokus ale te czyszczenie po wyslaniu mi nie wychodzi... prosze o pomoc

  1. <script type="text/javascript">
  2. <!--
  3.  
  4. function fokus(AElementID)
  5. {
  6. var el = document.getElementById(AElementID);
  7. el.focus();
  8. }
  9.  
  10. }
  11. //-->
  12. </SCRIPT>
  13. <BODY onload="fokus('shout');" >
  14.  
  15. <div id="TRESC">
  16.  
  17.  
  18. <table cellpadding="0" cellspacing="1" border="0" width="80%" border="1">
  19.  
  20. <tr>
  21. <td width="100%">
  22. <iframe width="100%" height="300" border="0" frameborder="1" src="shoutbox.php" name="box">
  23. Twoja przeglądarka nie obsługuje ramek wbudowanych lub jest obecnie skonfigurowana tak, aby nie wyświetlać ramek wbudowanych.
  24. </iframe>
  25. </td>
  26. </tr>
  27. <tr>
  28. <td width="100%">
  29. <form method="POST" action="shoutbox.php" target="box">
  30. <input type="text" name="tresc" maxlength="255" id="shout" >
  31. <input type="submit" value="Wyslij" id="submit" />
  32. </form>
  33. </td>
  34. </tr>
  35.  
  36.  
  37. </div>


poprawilem cudzyslowy i dodalem </form>
melkorm
1. brak zamknięcia form.
2. name="tresc" (popraw sredniki na cudzyslowia)
3. hm formularz powinien sam sie czyscic ;] daj mzoe value="" , ale sądze że nie w tym tkwi problem smile.gif
rinz
Chyba nie rozumiem Twojego problemu... chodzi Ci o czyszczenie pola 'tresc' po wyslaniu juz wiadomosci? 

Najlepiiej jakbys dal linka do shoutboxa smile.gif
WojtasSP320
Nie wiem o co ci chodzi, ale do czyszczenia formularzy służy
  1. <input type="reset" value="czysc">


albo jesli chodzi o JS to document.nazwa_formularza.nazwa_pola.value=''; np:
  1. document.shoutbox.tresc.value='';


tylko muszisz dodać atrybut name do twojego <form>
gylopl
http://snakesvsspiders.ovh.org/shout.php adres do shouta
chodzi mi po wyslaniu wiadomosci rinz:) czyli tak jak mowiles



//poprawiony link
KCG
  1. document.getElementById("shout").value = '';
  2. //btw. jeśli chcesz wyłączyć autouzupełnianie (wg mnie przydatne w shoutboxach)
  3. document.getElementById("shout").setAttribute("autocomplete", "off");

możesz to wrzucić do funkcji fokus(), aby się wywołało przy załadowaniu.
WojtasSP320
Cytat(KCG @ 28.09.2008, 21:07:46 ) *
  1. document.getElementById("shout").value = '';
  2. //btw. jeśli chcesz wyłączyć autouzupełnianie (wg mnie przydatne w shoutboxach)
  3. document.getElementById("shout").setAttribute("autocomplete", "off");

możesz to wrzucić do funkcji fokus(), aby się wywołało przy załadowaniu.


Albo wrzuć to do body onLoad="";
rinz
Eh dopiero teraz widze co sie świeci... 

Kod
<form method="POST" action="shoutbox.php" target="box">


dlatego 'onLoad' nic nie da bo szkielet z formularzem nie przeładowywuje sie ... 

ja bym dał takiego submita (zamiast aktualnego):

Kod
<input type="submit" value="Wyslij" id="submit" onClick="javascript:document.getElementById('shout').value = '';" />


Ps. swoją drogą peirwszy raz widze taki 'target'... to imo nie jest dobry sposob. smile.gif
gylopl
ok... jak dzis przyjde ze szkoly to sie pobawie z tym czyszczeniem:)( i dam pomogl)

rinz co miales na mysli z tym targetem i jakie rozwiazanie byloby lepsze:)
rinz
Well, po pierwsze ramki (iframe, frameset itd) z tego co sie orientuje sa przestarzałym elementem, nie lubią ich nawet ludzie od w3.org, po drugie, nowoczesnym sposobem na wczytywanie/wysyłanie danych bez przeładowania strony jest AJAX - znajdziesz sporo frameworkow do tego, wiec zadanie chyba nie bedzie takie trudne smile.gif
gylopl
zrobilem rinz jak mowiles smile.gif czysci ale nie dodaje tresci ;p
KCG
Jak chcesz się bawić w ajaxa, to możesz ściągnąć przykłady tej książki http://helion.pl/ksiazki/ajaphp.htm i chyba w 5 rozdziale był chat ajax smile.gif
rinz
Ops... w takim razie do glowy przychodzi mi tylko takie rozwiazanie (jesli chcemy wyslac kolejna wiadomosc, ponownie aktywujac kontrolke jej zawartosc jest czyszczona), here you go =>

Kod
<input type="text" name="tresc" value="" maxlength="255" id="shout" onFocus="document.getElementById('shout').value = '';">
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.