Avatar billede weiland Nybegynder
03. september 2002 - 08:30 Der er 8 kommentarer og
1 løsning

Ændre baggrundsfarve vha checkbox

Hotmail har en lækker funktion, som går ud på, at en tabelrække ændrer baggrundsfarve, når man afkrydser en checkbox (når man fx ser på listen over mails i indbakken).
Jeg har kigget nærmere på html-koderne, men kan IKKE hitte ud af tricket.

Nogen gode bud?
Avatar billede xirb Nybegynder
03. september 2002 - 08:34 #1
Jeg kunne godt give mig til at forsøge at lure det selv, men langt det letteste er at give dig linket til dette fremragende eksempel, som jeg selv har brugt:
http://activedeveloper.dk/artikler/default.asp?articleid=247
Avatar billede Slettet bruger
03. september 2002 - 08:35 #2
Avatar billede xirb Nybegynder
03. september 2002 - 08:35 #3
(Det ville måske have virket som en større indsats hvis jeg bare havde copy-pated hele teksten ind her - men ikke helt flinkt overfor forfatteren + du får jo løsningen alligevel.. ;-)
Avatar billede xirb Nybegynder
03. september 2002 - 08:38 #4
Hehe, måske skal du faktisk kombinere de to:
Mit link viser hvordan du skifter farve i *tabellen*, og el_barto's viser hvordan du fanger klikket i en checkbox (skal vel udskiftes med onMouseover i det link jeg gav)..
Avatar billede Slettet bruger
03. september 2002 - 08:39 #5
sorry, mit link var ikke helt godt nok.

Her er et script (virker kun i IE 4 eller højere, måske kan den omskrives til Netscape, Mozilla, Opera osv)

<html>
<head>
<script>
function chooserow(chk, color) {
    if (document.all) {
        //IE4+
        if (chk.checked) {
            document.all.item('r' + chk.name).bgColor =
color;   
        }
        else {
            document.all.item('r' + chk.name).bgColor =
document.bgColor;
        }
    }
}
</script>
</head>
<body>
<form name="form1">
  <table border="0" cellspacing="0">
    <tr id = "r1">
      <td><input type="checkbox" name="1" onclick = "chooserow
(this, 'red');"></td>
      <td width="14%">test1</td>
      <td width="13%">test2</td>
      </tr>
    <tr id = "r2">
      <td><input type="checkbox" name="2" onclick = "chooserow
(this, 'red');"></td>
      <td width="14%">test3</td>
      <td width="13%">test4</td>
    </tr>
  </table>
</form>
</body>
</html>
Avatar billede weiland Nybegynder
03. september 2002 - 08:50 #6
Xirb: Dit link forklarede, hvordan man lavede en mouseover-effekt på en tabelrække.
Jeg er ude efter, at rækken ændrer farve, når man afkrydser en checkbox....
Avatar billede weiland Nybegynder
03. september 2002 - 08:51 #7
El barto: Lige hvad jeg manglede!!!
Avatar billede xirb Nybegynder
03. september 2002 - 08:52 #8
OK - det kan jeg godt se!
(Mente bare det var overkommeligt at ændre det fra onmouseover på en table til klik i en checkbox....)
Hvis ikke du har tjekket el_bartos så gør det nu - det virker vist perfekt! :)
Avatar billede Slettet bruger
03. september 2002 - 08:54 #9
Tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger IT-supporter til vores supportteam i Hvidovre

Politiets Efterretningstjeneste

Fagkoordinator til Netværkssektionen i PET