Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][PHP]Dynamiczna zmiana koloru tła INPUT'a, Jak wprowadzając konkretną wartość zmienić wrtość INPUT'a -dynamic
qweluke
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 25.03.2010
Skąd: Radom

Ostrzeżenie: (10%)
X----


Witam,

Moj problem polega na tym, ze nie wiem w jaki sposob dynamicznie zmieniać kolor tła inputa, tzn. jeśli będzie wprowadzona wartość 1 - kolor ma być zielony, jesli będzie 5 - kolor czerwony itp.

Nie mam pojęcia jak to zrobić, w php pewnie się nie da więc zostaje JavaScript, czy mógłbym liczyć na waszą pomoc lub sugestie?

Pozdrawiam
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Dajesz dla inputa zdarzenie onkeyup po wpisaniu znaku wywołuje się skrypt który sprawdza co zostało wstawione i prostym warunkiem ustawiasz kolor tła dla elementu.
Jako parametr funkcji daj this ( wskaże element na którym jest zdarzenie wykonane ).
Kod
this.value // tak pobierzesz wartość z pola
this.style.backgroundColor="green"; // tak ustawisz kolor tła.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
qweluke
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 25.03.2010
Skąd: Radom

Ostrzeżenie: (10%)
X----


@skowron-line, a moglbym cie prosic o jakies przykladowe uzycie ten funkcji z if'em (np. mogą być wprowadzone dwie wartości, 1 i 5, jesli jeden to tlo zielone, jesli 5 to czerwone) bo nie umiem tego ugryzc :/
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Kod
<html>
<head>
<script type="text/javascript">
function check(obj)
{
    var txt = obj.value;
    if(txt == 1 )
    {
        obj.style.backgroundColor="green";
    }
    else if(txt == 5 )
    {
        obj.style.backgroundColor="red";
    }
    else if(txt == '' )
    {
        obj.style.backgroundColor="";
    }
}
</script>
</head>

<body>
<input type="text" name="a" onkeyup="check(this);">
</body>
</html>


Ten post edytował skowron-line 25.03.2010, 14:31:32


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
qweluke
post
Post #5





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 25.03.2010
Skąd: Radom

Ostrzeżenie: (10%)
X----


super, to jest dokladnie to, czego potrzebowałem.

slicznie dziekuje ci za pomoc.

Temat do zamkniecia.
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 Aktualny czas: 22.08.2025 - 00:29