Zaznaczanie checkbox Opcje

[Vomit]

Witam,

mam tabelke, i chcialby za pomcoa checboxa nie tylko zaznaczyc go, ale takze zmienic kolor tła calego wiersza.

Wykombinowalem takie cos:

Kod

<style type="text/css">
#hehe
{
    background: #00CCFF;
}
</style>
<script language="javascript">
var i = 0;
function click()
{
    if ( i == 0 )
    {
  i = 1;
  document.getElementById('hehe').style.background = '#FF6633';
  
    }
    else
    {
  i = 0;
  document.getElementById('hehe').style.background = '#00CCFF';
    }    
}
</script>

Kod

{@setvar(var="i" val=0)}
<table width="400" border="1">
{@list(teachers)}
<tr id="hehe" class="hehe"><td>{@math(i+1)}</td><td>{teachers['teacherNames']}</td><td>{teachers['teacherSurname']}</td><td><input type="checkbox" name="id" onchange="javascript:click();"></td></tr>
{@end}
</table>

Ale niestety nie dziala. Gdzie co poprawic?

[Tajny]

onclick powinno wystarczyc, status checkboxa mozesz sprawdzic np przez
document.getElementById('twoj_check').checked

zwroci true lub false i zawsze mozesz mu zmienic przypisujac np
document.getElementById('twoj_check').checked=true;


np.

Kod

<input type="checkbox" id="act.check" onclick="javascript:CheckMe('act.check');">


<script>

function CheckMe(ID){
var IDA=document.getElementById('ID');
  if (ID=='act.check') {
         //twoje funkcje tutaj
         //np.
         if (IDA.checked==false)  {
         //jesli byl zaznaczony

         } else {
            //w przeciwnym wypadku
         }

}

}

</script>

a co do zmiany styli to proponuje abys utworzyl 2 klasy dla TD , jedno dla odznaczonego (o nazwie TD.default ) , drugie dla zaznaczonego ( TD.my_selected)

style mozesz zmieniac przez className

czyli

<td class="default" id="wiersz.80"></td>

i np. po wcisnieciu checkboxa niech zmieni sie jego classname

Kod

<script>

function CheckMe(ID){
var IDA=document.getElementById('ID');
  if (ID=='act.check') {
         //twoje funkcje tutaj
         //np.
         if (IDA.checked==false)  {
         //jesli byl zaznaczony
document.getElementById('wiersz.80').className='my_selected';

         } else {
            //w przeciwnym wypadku
document.getElementById('wiersz.80').className='default';
         }

}

}

</script>

pamiętaj że zmiana całej klasy jest szybsza niż elementu stylu

http://www.quirksmode.org/dom/classchange.html

Ten post edytował Tajny 11.05.2006, 00:13:37