Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Pole tekstowe a onclick
adrianozo
post 7.11.2010, 17:44:02
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

Ostrzeżenie: (0%)
-----


Witam wszystkich.
Mam pole tekstowe na stronie a w nim napis Szukaj w serwisie.
I korzystam z funkcji onclick jeżeli kliknę na to pole to ten napis znika i mogę wpisać co chcę bez kasowania napisu natomiast chciałbym teraz takie coś w drugą stronę, że jeżeli nic nie wpiszę to klikając w inne miejsce niż to pole tekstowe z pustego miejsca zrobi się napis Szukaj w serwisie. Mam nadzieje że dobrze wytłumaczyłem.

Kod
<input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="texts" />


Rozwiązane:

Kod
<input type="text" name="wynik" value="Szukaj w serwisie..." onfocus="this.value=(this.value=='Szukaj w serwisie...') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Szukaj w serwisie...' : this.value;" class="texts" />


--------------------
Go to the top of the page
+Quote Post
Mephistofeles
post 7.11.2010, 18:32:15
Post #2





Grupa: Zarejestrowani
Postów: 1 182
Pomógł: 115
Dołączył: 4.03.2009
Skąd: Myszków

Ostrzeżenie: (0%)
-----


Zainteresuj się też atrybutem placeholder, wchodzi w skład specyfikacji HTML5, nowoczesne przeglądarki go obsługują.
Tutaj masz więcej informacji.
Go to the top of the page
+Quote Post
user767
post 7.11.2010, 18:38:36
Post #3





Grupa: Zarejestrowani
Postów: 178
Pomógł: 5
Dołączył: 13.09.2010

Ostrzeżenie: (40%)
XX---


  1. <script type="text/javascript">
  2. function Active(what)
  3. {
  4. if(!document.layers)
  5. {
  6. what.style.backgroundColor='#FFFFE0'
  7. what.style.borderColor='#000000'
  8. what.style.color='#000000'
  9. }
  10. }
  11. function NotActive(what)
  12. {
  13. if(!document.layers)
  14. {
  15. what.style.backgroundColor='#FFFAF0'
  16. what.style.borderColor='#E4E1D2'
  17. what.style.color='#E4E1D2'
  18. }
  19. }
  20. </script>


  1. <input name="Login" class="logowanie" onclick="if (this.value == '') { this.value = ''; }" type="text" size="18" maxlength="36" onfocus="Active(this)" onblur="NotActive(this)" />
Go to the top of the page
+Quote Post
minolone
post 7.11.2010, 21:48:57
Post #4





Grupa: Zarejestrowani
Postów: 141
Pomógł: 24
Dołączył: 21.06.2008

Ostrzeżenie: (0%)
-----


to czego poszukujesz
  1. <input name="textfield" type="text" class="text" id="textfield2" value="login..." onblur="if(this.value=='') this.value='login...';" onfocus="if(this.value=='login...') this.value='';" />
Go to the top of the page
+Quote Post
Mephistofeles
post 7.11.2010, 22:09:57
Post #5





Grupa: Zarejestrowani
Postów: 1 182
Pomógł: 115
Dołączył: 4.03.2009
Skąd: Myszków

Ostrzeżenie: (0%)
-----


Gratuluję! Napisałeś dokładnie to samo, co autor tematu, tylko w innej kolejności.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.06.2025 - 23:40