Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Podświetlanie inputa
TomASS
post 30.12.2004, 10:47:25
Post #1





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Witam serdecznie

Mam sobie takiego zwykłego inpucika:
[HTML] pobierz, plaintext 
  1. <input type="text" name"..."  value="...." >
[HTML] pobierz, plaintext


a właściwie to mam ich kilka smile.gif

[HTML] pobierz, plaintext 
  1. <input type="text" name"..."  value="...." >
  2. <input type="text" name"..."  value="...." >
  3. <input type="text" name"..."  value="...." >
  4. <input type="text" name"..."  value="...." >
[HTML] pobierz, plaintext


I teraz chciałbym, aby gdy wpisuje do któregoś z nich jakiś tekst, to aby tło inputa zmieniło kolor - a gdy przejdę już do innego, to wraca do "normalnego" koloru

Proszę o pomoc wszystkich serdecznych Użytkowników
TomASS


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
crash
post 30.12.2004, 11:13:03
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 196
Pomógł: 2
Dołączył: 17.01.2004
Skąd: Sosnowiec

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

onfocus i onblur... this.style.backgroundColor='#xxxxxx';


--------------------
Go to the top of the page
+Quote Post
Paul
post 30.12.2004, 13:41:23
Post #3





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

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

Moze troche OT smile.gif

Ja takze kiedys chcialem sobie cos takiego zrobic tyle, ze ja jeszcze chcialem, zeby onmouseover sie zmienialo nie tylko onfocus - no i napisalem cos takiego smile.gif

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .klasa1 {background-color: #0099FF;}
  5. .klasa2 {background-color: #66CCFF;}
  6. </style>
  7. <script type="text/javascript">
  8. function podswietl(obj, zdarzenie, klasa) {
  9. 	if(zdarzenie == 'focus') {
  10. 		obj.className = klasa;
  11. 	   obj.fokus = zdarzenie;
  12. 	} else if(zdarzenie == 'blur') {
  13. 		obj.className = klasa;
  14. 	   obj.fokus = zdarzenie;
  15. 	} else if(zdarzenie == 'over') {
  16. 		obj.className = klasa;
  17. 	} else if(zdarzenie == 'out' && obj.fokus != 'focus') {
  18. 		obj.className = klasa;
  19. 	}
  20. }
  21. function podswietl_init(objs, klasa1, klasa2) {
  22. 	objs = objs.split(',');
  23. 	for(i = 0; i < objs.length; i++) {
  24. 		obj = document.getElementById(objs[ i ]);
  25. 		obj.onmouseover = function () {
  26. 			podswietl(this, 'over', klasa2);
  27. 		}
  28. 		obj.onmouseout = function () {
  29. 			podswietl(this, 'out', klasa1);
  30. 		}
  31. 		obj.onfocus = function () {
  32. 			podswietl(this, 'focus', klasa2);
  33. 		}
  34. 		obj.onblur = function () {
  35. 			podswietl(this, 'blur', '" + klasa1 + "');
  36. 		}
  37. 	}
  38. }
  39. </script>
  40. </head>
  41. <body onload="podswietl_init('input1,input2,input3,input4', 'klasa1', 'klasa2');">
  42. <form action="">
  43. <input class="klasa1" id="input1" type="text">
  44. <input class="klasa1" id="input2" type="text">
  45. <input class="klasa1" id="input3" type="text">
  46. <input class="klasa1" id="input4" type="text">
  47. </form>
  48. </body>
  49. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
TomASS
post 31.12.2004, 00:25:52
Post #4





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Pomogło smile.gif Dziękuję bardzo:)


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 21.06.2025 - 12:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn