Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Podświetlanie inputa
TomASS
post
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 (IMG:http://forum.php.pl/style_emoticons/default/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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Paul
post
Post #2





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

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

Moze troche OT (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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

Posty w temacie
- TomASS   Podświetlanie inputa   30.12.2004, 10:47:25
- - crash   onfocus i onblur... this.style.backgroundColor=...   30.12.2004, 11:13:03
- - Paul   Moze troche OT Ja takze kiedys chcialem sobie c...   30.12.2004, 13:41:23
- - TomASS   Pomogło Dziękuję bardzo:)   31.12.2004, 00:25:52

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 28.12.2025 - 04:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn