[dhtml] border-color veranderen van een tabel?

[paragon]

Ik vraag me dus af hoe dat moet. Eigenlijk hoe je het moet doe niet, maar hoe je aan de border-color komt. Ik heb namelijk het volgende om het te proberen maar het lukt niet:

code:

function changeColor() {  
if (ng5) document.getElementById('table01').style.border = "#ffddaa";
}

Dit geeft het effect dat de border verdwijnt, maar als ik bijv .style.color doe gebeurt er niks.

[Clay]

.style.border is een Ie only style attribuut, en moet als waarde iets hebben als "1 solid #204080" of "1 dotted silver" etc. Hoe je aan de standaard border colors komt weeknie.

[Dennis]

style.bordercolor
style.border.color

[paragon]

Op woensdag 26 september 2001 16:07 schreef Clay het volgende:
.style.border is een Ie only style attribuut, en moet als waarde iets hebben als "1 solid #204080" of "1 dotted silver" etc. Hoe je aan de standaard border colors komt weeknie.

Ja dat werkt hier in ieder geval in ie6. Maar ik heb voor NS6 wat anders gedaan. he is nu het volgende geworden.

code:

function changeColor() {  
if (ng5) {
    document.getElementById('table01').style.border = "2 solid #336699";
    document.getElementById('table01').style.color = "#336699";
    document.getElementById('td01').style.background = "#336699";
    }
}

Met de volgende css voor NS:

code:

#table01 {color: #FF6862; border-width: 2px; border-style: solid}
#td01 { background-color: #ff6862 }

code:

En deze voor IE:
#table01 {border-color: #FF6862; border-width: 2px; border-style: solid}
#td01 { background-color: #ff6862 }

[RM-rf]

Op woensdag 26 september 2001 16:07 schreef Clay het volgende:
.style.border is een Ie only style attribuut, en moet als waarde iets hebben als "1 solid #204080" of "1 dotted silver" etc. Hoe je aan de standaard border colors komt weeknie.

oef, dat is niet bepaald waar;
border is een shorthand voor een combinatie van border-width, border-style en border-color.
en komt al uit de CSS1 specificatie van W3C
http://www.w3.org/TR/REC-CSS1#border

style.color heeft niets te maken heeft met de border-color.
style.color is de kleur van het font en eventuele gerenderde voorgrond-elementen (underlines, list-items etc.)
de propertie van border-color is object.style.borderColor

[paragon]

die style.borderColor werkt dus ik kan nu hetzelfde css gebruiken, maar ik zit met een ander probleem. Ik heb nu de volgende functies:

code:

function changeBack() {  
if (ng5) {
    for(i=0; i<5; i++){
        document.getElementById('table0' + i).style.borderColor = "#ff6862";
        document.getElementById('td0' + i).style.background = "#ff6862";
        }
    }
}

function changeColor(n) {
changeBack();
if (ng5) {
    document.getElementById('table0' + n).style.borderColor = "#4169e1";
    document.getElementById('td0' + n).style.background = "#4169E1";
    }
}

In IE werkt dit prima, maar in NS6 verandert alleen de td van kleur. Dit komt omdat in changeColor, changeBack aangeroepen wordt. Haal ik deze aanroep weg dan verandert zowel de borderColor als de background van kleur. Erg vaag allemaal. Iemand nog een idee.