qweluke
25.03.2010, 13:30:57
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
skowron-line
25.03.2010, 13:36:46
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.
qweluke
25.03.2010, 14:24:46
@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 :/
skowron-line
25.03.2010, 14:31:16
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>
qweluke
25.03.2010, 23:32:22
super, to jest dokladnie to, czego potrzebowałem.
slicznie dziekuje ci za pomoc.
Temat do zamkniecia.
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.