Avatar billede dazzy Nybegynder
02. juli 2009 - 21:49 Der er 3 kommentarer og
1 løsning

Zebra tabeller til indsættelse af data.

hej derude.

Jeg har et PHP script, her henter den fra en MySQL database.
Vil gerne have disse zebra striber på tabellerne for at det er mere overskueligt.
Hvordan gør jeg dette?


På forhånd tak.
Avatar billede frozenink Nybegynder
02. juli 2009 - 22:48 #1
I din CSS indsætter du

table.zebra thead tr    {
    background-color: #ccc;
}
table.zebra tr {
    background-color: #fff;
}
table.zebra tr.udda
        { background-color: #efefef;
}
************************
Imellem <head> </head> dette script

<script type="text/javascript">
window.onload=function()
{    var b, r, t = document.getElementsByTagName("TABLE");
    for(var i=0; i<t.length; i++)
    {    var current_t = t[i];
        if(current_t.className && current_t.className == "zebra")
        {    b = current_t.getElementsByTagName("TBODY");
            for(var j=0; j<b.length; j++)
            {    var current_b = b[j];
                r = current_b.getElementsByTagName("TR");
                for(var k=0; k<r.length; k+=2)
                {    r[k].className = "udda";
                }
            }
        }
    }
}
</script>
************************
Og i din "table" denne "class".
<table class="zebra">
Avatar billede dazzy Nybegynder
03. juli 2009 - 10:05 #2
Mange tak det virkede perfekt :) Lig et svar
Avatar billede frozenink Nybegynder
03. juli 2009 - 10:14 #3
Avatar billede dazzy Nybegynder
03. juli 2009 - 10:28 #4
Fik det også til at virke, her: http://simonfischer.com/index.php?side=kalender
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
Kurser inden for grundlæggende programmering

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