Podświetlanie inputa - Forum PHP.pl

Forum PHP.pl > Forum > Po stronie przeglądarki

Podświetlanie inputa

TomASS Zobacz profil	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 <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 <input type="text" name"..." value="...." > <input type="text" name"..." value="...." > <input type="text" name"..." value="...." > <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

Odpowiedzi (1 - 3)

crash Zobacz profil	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';

Paul Zobacz profil	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 (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 <html> <head> <style type="text/css"> .klasa1 {background-color: #0099FF;} .klasa2 {background-color: #66CCFF;} </style> <script type="text/javascript"> function podswietl(obj, zdarzenie, klasa) { if(zdarzenie == 'focus') { obj.className = klasa; obj.fokus = zdarzenie; } else if(zdarzenie == 'blur') { obj.className = klasa; obj.fokus = zdarzenie; } else if(zdarzenie == 'over') { obj.className = klasa; } else if(zdarzenie == 'out' && obj.fokus != 'focus') { obj.className = klasa; } } function podswietl_init(objs, klasa1, klasa2) { objs = objs.split(','); for(i = 0; i < objs.length; i++) { obj = document.getElementById(objs[ i ]); obj.onmouseover = function () { podswietl(this, 'over', klasa2); } obj.onmouseout = function () { podswietl(this, 'out', klasa1); } obj.onfocus = function () { podswietl(this, 'focus', klasa2); } obj.onblur = function () { podswietl(this, 'blur', '" + klasa1 + "'); } } } </script> </head> <body onload="podswietl_init('input1,input2,input3,input4', 'klasa1', 'klasa2');"> <form action=""> <input class="klasa1" id="input1" type="text"> <input class="klasa1" id="input2" type="text"> <input class="klasa1" id="input3" type="text"> <input class="klasa1" id="input4" type="text"> </form> </body> </html> [HTML] pobierz, plaintext

TomASS Zobacz profil	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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dziękuję bardzo:)

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

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 · Linearny+ · Przełącz na: Drzewo

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

Aktualny czas: 23.08.2025 - 23:42

Hosting zapewnia