Oversættelse til firefox kompatibel kode.

Som jeg kan se det, har du en slut-div, men ingen start-div. Eller også er den placeret forkert.

Har du en <div> foran <tr>?

Nej, jeg har ikke nogen start-div... Det er en efterladenskab efter jeg rodede lidt rundt.. men det løste ikke problemet at fjerne den...

<ole>

document.getElementById('myspan').className = 'menu'

Det er i øvrigt en rigtig dårlig idé at skifte klasse på HTML-elementer. Det performer ekstremt dårligt, da browseren hvergang skal spytte et nyt DOM-træ ud og genberegne hele siden.
Det er altid langt bedre at skifte de enkelte style-properties på elementet - evt. i en funktion.

/mvh
</bole>

Jeg ved godt det er bedst at skifte style properties, men jeg ved ikke hvordan man skifter flere på en gang... Kan du hjælpe med det? Så kan du få flere points...

Og forresten... Tak... Det virkede...

Hvor mange er det, og hvordan skal der skiftes ?-)

-- for umiddelbart er det nemmest at skifte i en funktion, og hvordan den skal se ud, afhænger af, hvilke properties, der skal skiftes, og om de skal skiftes frem og tilbage mellem to faste sæt værdier, eller om der er individuelle indstillinger for hvert element, som skal ændres ...

Der er pt. 4 der skal skiftes... Det er i en menu... Jeg skifter nu mellem disse to klasser:
.menu{
    color: White;
    background-color: #007965;
    cursor: pointer;
}
.normal{
    color: Black;
    background-color: White;
}

Siden kan ses her:
http://fuckhoved.dk/coloplast/
(igen kommentarer til domænenavnet... hehe... det er ikke mit eget) :)

.normal{
    color: black;
    background-color: white;
    cursor:pointer;
}

-- du skal lige have cursoren på under alle omstændigheder, for en cursor på et element virker alligevel kun når musen er over !-)

<script type="text/javascript">
function inOut(elm,action){
  var st = elm.style;
  st.color = (action=='over')?'white':'black';
  st.backgroundColor = (action=='over')?'#007965':white;
}
</script>

<tr><td class="normal" onclick="location.href='index.php'" style="height:18px;" id="myspan" onmouseover="inOut(this,'over')" onmouseover="inOut(this,'out')">Forside</td></tr>

Det virker desværre ikke helt... Baggrunden bliver grøn, og teksten bliver hvis, når man har musen over, men så bliver den altså også ved med at være sådan, selv om man flytter musen... :(

teksten bliver hvis=teksten bliver hvid :)

Argh, jeg har glemt at rette den anden mouseover til mouseout ,-(

Jep... Så var den der... Den havde jeg heller ikke set... I øvrigt satte jeg også '-tegn rundt om white, så det bliver til st.backgroundColor = (action=='over')?'#007965':'white';

Men mange tak for hjælpen...

Svar her, for ta få points
http://www.eksperten.dk/spm/594849
:)

*lol*

-- jeg måtte lige tygge logikken et par gange, før jeg havde den, og den sidste medførte altså en fejl ...

Tak !-)

En anden måde er:

<script type="text/JavaScript">
var outStyles = {
    "textDecoration":"none",
    "color":"red",
    "backgroundColor":"yellow"
};
var overStyles = {
    "textDecoration":"underline",
    "color":"yellow",
    "backgroundColor":"red"
};

function swap(elm, dir) {
    var o = (dir=="over")? overStyles : outStyles;
    for (x in o) {
        elm.style[x] = o[x];
    }
}
</script>

- og så:
    <a href="side.html" onmouseover="swap(this, 'over')" onmouseout="swap(this, 'out')">TEST</a>

Så kan du selv fylde properties i de to objekter

- og måske en anelse sjovere:

<script type="text/JavaScript">
var outStyles = {
    "hest":{
        "textDecoration":"none",
        "color":"red",
        "backgroundColor":"yellow"
    },
    "gnu":{
        "textDecoration":"none",
        "color":"blue",
        "backgroundColor":"yellow"
    }
};
var overStyles = {
    "hest":{
        "textDecoration":"underline",
        "color":"yellow",
        "backgroundColor":"red"
    },
    "gnu":{
        "textDecoration":"none",
        "color":"yellow",
        "backgroundColor":"blue"
    }
};

function swap(elm, dir) {
    var o = (dir=="over")? overStyles : outStyles;
    for (x in o) {
        elm.style[x] = o[elm.className][x];
    }
}
</script>

- og så:
    <a class="hest" href="side.html" onmouseover="swap(this, 'over')" onmouseout="swap(this, 'out')">TEST</a>

    <a class="gnu" href="side.html" onmouseover="swap(this, 'over')" onmouseout="swap(this, 'out')">TEST</a>

Njaahh ... så skal den sidste funktion vel hedde:

function swap(elm, dir) {
    var o = (dir=="over")? overStyles : outStyles;
    for (x in o[elm.className]) {
        elm.style[x] = o[elm.className][x];
    }
}

- eller:

function swap(elm, dir) {
    var o = (dir=="over"? overStyles : outStyles)[elm.className];
    for (x in o) {
        elm.style[x] = o[x];
    }
}

... frit slag mellem de to sidste  :)