Zmiana koloru tła w polu input Opcje

[m_iwanicki]

Jak zmienic kolor tła w polu input (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Kod

if(document.form.zaznacz.checked==true)
{
      document.form.pole................. i tu che wykonac zmiany koloru tła pola
}

Z góry dzięki za odpowiedź.

[marlowe]

[HTML] pobierz, plaintext 
<script language='JavaScript' type="text/javascript">
<!--
function zmienKolor(a)
{
    if (document.formularz.checkbox1.value="on")
    document.formularz.text1.style.backgroundColor='red';
}
//-->
</script>
<form name="formularz">
<input type="text" id="text1" />
<br/>
<input type="checkbox" id="checkbox1" onclick="javascript:zmienKolor(1)" />
</form>
[HTML] pobierz, plaintext 

(dałem onclick, nie on change bo pod IE to lepiej działa)
Pozdrawiam.
Bartek

Ten post edytował marlowe 31.07.2004, 19:12:14

[MP1]

Ja przedstawię lepszy sposób, przydatny jeśli zmieniasz więcej atrybutów i styli obiektu.

1. Tworzysz style. (nazwy podałem przykładowe)

[HTML] pobierz, plaintext 
<style type="text/css">
.f { background-color: yellow; border: 1px solid blue }
.t { background-color: blue; border: 1px solid yellow }
</style>
[HTML] pobierz, plaintext 

potem w JS robisz tak:
document.form.pole.className='nazwa_klasy'

No i przykład:

[HTML] pobierz, plaintext 
<input type="checkbox" name="pole" id="pole" class="f" onclick="this.className='t'" />
[HTML] pobierz, plaintext 

[marlowe]

Można poszaleć jeszcze bardziej i w parametrach funkcji określić i styl, i Id elementu, dla którego ma być on zmienany:

[HTML] pobierz, plaintext 
<style type='text/css'>
<!--
.styl1 { background-color: red; }
.styl2 { background-color: blue; }
.styl3 { background-color: yellow; }
//-->
</style>
<script language='JavaScript' type="text/javascript">
<!--
ktory='text1'; //domyślne ustawienie
styl='styl1'; //domyślne ustawienie
function zmienKolor(checkbox,ktory,styl)
{
if (document.getElementById(checkbox).value="on")
document.getElementById(ktory).className=styl;
}
//-->
</script>
<form name="formularz">
<input type="text" id="text1" />
<input type="text" id="text2" />
<input type="text" id="text3" />
<br/>
<input type="checkbox" id="checkbox1" onclick="javascript:zmienKolor(this.id,'text3','styl2')" />
</form>
[HTML] pobierz, plaintext 

Pozdrawiam.
Bartek

Ten post edytował marlowe 31.07.2004, 22:49:39

[slimboot]

Po co pisać tyle kodu? nie wystarczy CSS?

Kod

style="background-color:yellow"

Ten post edytował slimboot 19.07.2012, 09:46:12