Avatar billede speder Nybegynder
11. april 2003 - 10:59 Der er 9 kommentarer og
2 løsninger

ændre table row farve

Hej

Jeg har:

<tr ONMOUSEOVER="this.bgColor = '#FFFFFF'" ONMOUSEOUT="this.bgColor = '#D4D0C8'">

Men jeg ønsker samtidig at ændre farven på rækken over og rækken under ved mouseover. Hvordan kan jeg gøre det ultralet?
Avatar billede loss Nybegynder
11. april 2003 - 11:04 #1
så skal du givedem et ID, så kan du rette i dem med ID.bgcolor
Avatar billede speder Nybegynder
11. april 2003 - 11:06 #2
Jeg havde håbet på en lidt lettere løsning, f.eks. noget i retning af:

ONMOUSEOVER="this.bgColor = '#FFFFFF';this-1.bgColor = '#FFFFFF';this+1.bgColor = '#FFFFFF'"

Jeg ved godt at ovenstående ikke virker, men noget i den retning.
Avatar billede grunken Nybegynder
11. april 2003 - 11:40 #3
<tr ID="farve" onmouseover="document.getElementById('farve').style.backgroundColor = '#000000';" onmouseout="document.getElementById('farve').style.backgroundColor = '#FFFFFF';">
Avatar billede olebole Juniormester
11. april 2003 - 12:01 #4
<ole>

Denne her er vist lidt mere generisk og lettere at have med at gøre:

<script type="text/JavaScript">
function setCol(tr) {
    var inx = tr.id.split("_")[1];
    if(inx>0) document.getElementById("tr_"+(inx-1))
}
</script>

<table cellspacing="0" cellpadding="0" border="0">
<tr id="tr_0" onmouseover="setCol(this)" onmouseout="setCol(this)">
    <td>blabla</td>
</tr>
<tr id="tr_1" onmouseover="setCol(this)" onmouseout="setCol(this)">
    <td>blabla</td>
</tr>
<tr id="tr_2" onmouseover="setCol(this)" onmouseout="setCol(this)">
    <td>blabla</td>
</tr>
</table>

/mvh
</bole>
Avatar billede olebole Juniormester
11. april 2003 - 12:02 #5
Oooops ...  :D

<script type="text/JavaScript">
function setCol(tr) {
    var inx = tr.id.split("_")[1];
    if(inx>0) {
        document.getElementById("tr_"+(inx-1)).style.backgroundColor = "#ff0000";
}
</script>
Avatar billede olebole Juniormester
11. april 2003 - 12:03 #6
DET var som S....

<script type="text/JavaScript">
function setCol(tr) {
    var inx = tr.id.split("_")[1];
    if(inx>0) document.getElementById("tr_"+(inx-1)).style.backgroundColor = "#ff0000";
}
</script>

*LooOooL*
Avatar billede grunken Nybegynder
12. april 2003 - 01:25 #7
Hehe ole, hvordan syns du selv det går ;D
Avatar billede olebole Juniormester
12. april 2003 - 01:42 #8
Hva' dæææælen ....... er det ikke skunken?  :D
Avatar billede olebole Juniormester
12. april 2003 - 01:44 #9
ehhhhhhh ........ munken ..... sumpen .... klunken ........ arrrgh - må nok hellere gå i seng og sove lidt  :)
Avatar billede grunken Nybegynder
12. april 2003 - 04:31 #10
Sov godt så ole ;D

har nu siddet og grublet over et øgenavn til dig i 3 timer *G* *no luck*
Avatar billede olebole Juniormester
12. april 2003 - 12:14 #11
Kunne sagtens hjælpe .... men holder det for mig selv  ;o))
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