[JS]IE-vriendelijke variant van visibility:collapse op TBODY

[BikkelZ]

Ik had een prettig werkend JS wat draaide onder FF, waarbij ik met visibility:collapse heel gracieus tbodies zichtbaar en onzichtbaar maakte. Het voordeel van die methode was dat de breedte van de tabel altijd afhankelijk bleef van de rest van de content, of die nou ingeklapt was of niet.

Het volgende werkt in beiden, maar verspringt steeds qua breedte.

Hoe los ik dit netjes op onder IE?

JavaScript:

        switch (tbodies[k].id)
        {
            case "vid_"+vraag_id_van:
            {
                try
                {
                    //tbodies[k].style.visibility = "visible";
                    tbodies[k].style.display = "table-row-group";
                }
                catch (e)
                {
                    //tbodies[k].style.visibility = "visible";
                    tbodies[k].style.display = "block";
                }
                backColor = "888888";
                frontColor = "FFFFFF";
                break;
            }
            case "vid_"+vraag_id_naar:
            {
                try
                {
                    //tbodies[k].style.visibility = "visible";
                    tbodies[k].style.display = "table-row-group";
                }
                catch (e)
                {
                    //tbodies[k].style.visibility = "visible";
                    tbodies[k].style.display = "block";
                }
                backColor = "FFFFFF";
                frontColor = "000000";
                break;
            }
            default:
            {
                //tbodies[k].style.visibility = "collapse";
                //tbodies[k].style.visibility = "hidden";
                tbodies[k].style.display = "none";
                backColor = "888888";
                frontColor = "FFFFFF";
            }
        }

visibility:hidden werkte ook in allebei, maar dan heb je lege vlekken er tussen zitten.

[ Voor 5% gewijzigd door BikkelZ op 22-05-2007 09:37 ]

[BikkelZ]

*kick*

Niemand?

[glashio]

Zelf ben ik hier ook al eens tegenaan gelopen... Dus tijd voor een 2de poging

Eerst probeerde ik de stijl line-height op tbody's op 1 pixel te zetten incombinatie met visibility op hidden. Dit resulteerde wel in een collapse effect maar creëerde nog steeds open space ( aanvankelijk op de hoeveelheid rijen ).

Om de table-layout toch te behouden heb ik deze JS oplossing gemaakt.

[BikkelZ]

Ik wil je in ieder geval complimenteren met je programmeerstijl, mooie for constructies, netjes de interne functies gebruikt van tables, ook niet bij iedereen bekend

Maar volgens mij gaat deze code er van uit dat er maar een TBODY in de table zit of dat je ze allemaal tegelijk wilt closen, en bij mij zitten er meerdere in, maar wat je nou precies doet, met name met die BR en DIV elementen, ontgaat me.