Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Podświetlanie inputa
Forum PHP.pl > Forum > Po stronie przeglądarki
TomASS
30.12.2004, 10:47:25
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
crash
30.12.2004, 11:13:03
onfocus i onblur... this.style.backgroundColor='#xxxxxx';
Paul
30.12.2004, 13:41:23
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
TomASS
31.12.2004, 00:25:52
Pomogło smile.gif Dziękuję bardzo:)
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.