Aflæse css-værdier og style et area

tja....det er lidt nemmere at hjælpe, hvis du viser et konkret eksempel ;o)

/psc

<ole>

Du kan kun aflæse CSS-værdier, der er sat direkte på elementets style-objekt - ikke i et stylesheet ... så er det ligegyldigt, om det er display eller visibility.

I FF kan du dog bruge:
    http://developer.mozilla.org/en/docs/DOM:window.getComputedStyle

- og i IE:
    http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/currentstyle.asp

Men det er jo ikke X-Browser  =)

/mvh
</bole>

PS: Borders på area-elementer lader sig ikke tegne

Hmmm okay, synes bare jeg har kunne teste på display: block og den slags ting før...

Det har du aldrig kunnet ... _kun_ hvis den er sat direkte på elementet  =)

- men du kan selvfølgelig godt skrive:

<style type="text/css">
#gnu {
    display: none;
}
</style>

<script type="text/JavaScript">
function swap() {
    var o = document.getElementById("gnu");
    if (o.style.display=="block") o.style.display = "none";
    else o.style.display = "block";
}
</script>

<div onclick="swap()">TEST</div>
<div id="gnu">Et div blabla bla blabla</div>

Grunden til, dette eksempel virker, er, at betingelsen:
    if (o.style.display=="block")

- både er falsk, hvis den pågældende property ikke kan læses - og hvis den kan læses, men er sat til 'none'. Lidt tricky ... og jeg kan godt forstå, hvis du har misforstået virkemåden af scriptet  ;o)

- og hvis du husker den rette rækkefølge, kan du også få dette til at virke med visibility:

<style type="text/css">
#gnu {
    visibility: hidden;
}
</style>

<script type="text/JavaScript">
function swap() {
    var o = document.getElementById("gnu");
    if (o.style.visibility=="visible") o.style.visibility = "hidden";
    else o.style.visibility= "visible";
}
</script>

<div onclick="swap()">TEST</div>
<div id="gnu">Et div blabla bla blabla</div>

Ahhh ja self så giver det mening:) Det er i den slags tilfælde jeg har brugt den:)