Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Zerowanie defaultowej wartości w formularzu
Forum PHP.pl > Forum > Przedszkole
Grisza
6.05.2010, 11:07:59
Chcę zrobić coś takiego, by przy tak napisanym polu:
<p>Podaj swoje imię: <input type="text" name="imie" value="tu wpisz swoje imię" size="30" maxlength="40" style="position: relative; left:68px; background-color: cornsilk;"></p>

Formularz mi się wyzerował przy onClick i onMauseover formularz mi się wyzerował w polu Value
Wiem, że trzeba podać this.form.value= " " tylko jak to zrobić ?
zordon
6.05.2010, 11:11:57 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function zeruj(){
  4. 	document.form.imie.value = '';
  5. }
  6.  
  7. </script>
  8.  
  9. <form action="" name="form">
  10. <p>Podaj swoje imię: <input type="text" name="imie" value="tu wpisz swoje imię" size="30" maxlength="40" style="position: relative; left:68px; background-color: cornsilk;" onclick="zeruj();" onmouseover="zeruj();"></p>
  11. </form>
[HTML] pobierz, plaintext


jak masz onmouseover to onclick już ci niepotrzebne... chyba że da się kliknąć na coś nie najeżdzając myszką?
Grisza
6.05.2010, 11:37:54
Dzięki wielkie smile.gif Zapominałem o imieniu i pisałem:

onmouseover="this.form.value=''"

smile.gif

Cytat(zordon @ 6.05.2010, 12:11:57 ) *
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function zeruj(){
  4. 	document.form.imie.value = '';
  5. }
  6.  
  7. </script>
  8.  
  9. <form action="" name="form">
  10. <p>Podaj swoje imię: <input type="text" name="imie" value="tu wpisz swoje imię" size="30" maxlength="40" style="position: relative; left:68px; background-color: cornsilk;" onclick="zeruj();" onmouseover="zeruj();"></p>
  11. </form>
[HTML] pobierz, plaintext


jak masz onmouseover to onclick już ci niepotrzebne... chyba że da się kliknąć na coś nie najeżdzając myszką?



Nie wiem co się dzieję, ale jak w ankietę to wstawiłem przyklejając nawet to wszystko to nie działa, za to w gołym formie działa.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5.   <meta name="Description" content="Ankieta, mająca na celu zarejestrować zgłoszenie uczestników na warsztaty">
  6.   <meta name="Keywords" content=" konferencja, warsztaty, webuzzz">
  7.   <title>Ankieta przedkonferencyjna</title>
  8.  
  9.   <link rel="stylesheet" href=" style.css" type="text/css">
  10.   </head>
  11. <body style="background-color: #C5DDC9">
  12.   <script type="text/javascript">
  13.       function zeruj(){
  14.       document.form.imie.value = '';
  15.       }
  16.       </script>
  17. 	<div class="content">
  18. 		<form action="zapis.php" method="post">
  19. 			<div class="ankieta">
  20. 			<fieldset>
  21. 			<legend>Formularz zgłoszeniowy na warsztaty z webuzzza</legend>
  22.  
  23. 			<p style="font-size:13px; font-style:italic; margin:13px;">Formularz zgłoszeniowy na warsztaty z tworzenia własnnej strony internetowej dla prowadzonego przez Państwa e-Centrum</p> 
  24. 			<p>Podaj swoje imię: <input type="text" name="imie" value="tu wpisz swoje imię" size="30" maxlength="40" style="position: relative; left:68px; background-color: cornsilk;" onclick="zeruj();" onmouseover="zeruj();"></p>
  25. 			<p>Podaj swoje nazwisko: <input type="text" name="nazwisko" value="tu wpisz swoje nazwisko"  size="30" maxlength="40" style="position: relative; left:40px; background-color: cornsilk;"></p>
  26. 			<p>Podaj swoją instytucję: <input type="text" name="instytucja" value="tu wpisz swoją instytucję"  size="30" maxlength="40" style="position: relative; left:37px; background-color: cornsilk;"></p>
  27. 			<p>Podaj swoj mail kontaktowy: <input type="text" name="mail" value="tu wpisz swoj e-mail"  size="30" maxlength="40" style="position: relative; left:5px; background-color: cornsilk;"></p>
  28. 			<p>Podaj swoj telefon: <input type="text" name="telefon" value="tu wpisz swoj telefon"  size="30" maxlength="40" style="position: relative; left:60px; background-color: cornsilk;"></p>
  29. 				<fieldset>
  30. 				<legend><span style="color:green;">Wybierz warsztat w którym będziesz uczestniczyć </span><span style="color:red; font-weight: bold;">(jeden termin)</span></legend>
  31. 				<div style="background-color:cornsilk; margin:4px; padding:6px;">
  32. 				<input type="radio" name="warsztat" value="1" checked style="background-color:cornsilk;">warsztat 22.04 godz. 16-19 <span style="color:blue;">(grupa I)</span>
  33. 				<hr>
  34. 				<input type="radio" name="warsztat" value="2">warsztat 23.04 godz. 9-12 <span style="color:blue;">(grupa II)</span>
  35. 				<hr>
  36. 				<input type="radio" name="warsztat" value="3">warsztat 23.04 godz. 10-13 <span style="color:blue;">(grupa III)</span>
  37. 				</div>
  38. 				</fieldset>
  39. 				<br />
  40. 				<fieldset>
  41. 				<legend><span style="color:green;">Wybierz czy i w ilu noclegach będziesz uczestniczyć </span><span style="color:red; font-weight: bold;">(od jeden do wiele)</span></legend>
  42. 				<div style="background-color:cornsilk; margin:4px; padding:6px;">
  43. 					<input type="checkbox" name="nocleg1" value="bez noclegu">bez noclegu
  44. 					<hr>
  45. 					<input type="checkbox" name="nocleg2" value="nocleg 21 kwietnia">nocleg 21 kwietnia
  46. 					<hr>
  47. 					<input type="checkbox" name="nocleg3" value="nocleg 22 kwietnia">nocleg 22 kwietnia
  48. 				</div>
  49. 				</fieldset>
  50. 			</fieldset>
  51. 			<br />
  52. 				<center><input type="submit" name ="submit"  value="Wyślij formularz zgłoszeniowy"> <input type="reset" value="Wyzerowanie formularza"></center>
  53. 			</div>
  54. 		</form>
  55. 	</div>
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


Już wiem smile.gif Mój form nie miał nazwy smile.gif
kamil4u
6.05.2010, 12:04:58
Proponuję jak już zrobić to troszkę lepiej smile.gif
Kod
onclick="this.value = '';"

Co prawda to też nie jest idealne rozwiązanie, ale jest już to bardziej sensowne...
Ew. jeżeli nadal chcesz korzystać z funkcji to:
Kod
function zeruj(el){
el.value = '';
}
i
Kod
onclick="zeruj(this)';"
Grisza
6.05.2010, 12:39:05
Cytat(kamil4u @ 6.05.2010, 13:04:58 ) *
Proponuję jak już zrobić to troszkę lepiej smile.gif
Kod
onclick="this.value = '';"

Co prawda to też nie jest idealne rozwiązanie, ale jest już to bardziej sensowne...
Ew. jeżeli nadal chcesz korzystać z funkcji to:
Kod
function zeruj(el){
el.value = '';
}
i
Kod
onclick="zeruj(this)';"

Dzięki smile.gif
No właśnie ja zgłupiałem wtedy jak nie było nazwy forma smile.gif

Zrobiłem pośrednio tak :
Oczywiście przy zmianie nazwy formularza winksmiley.jpg
Bez funkcji:
[HTML] pobierz, plaintext 
  1. onmouseover="document.form.imie.value = ''"
[HTML] pobierz, plaintext
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.