Skift stylesheet på SPAN tag ved onMouseOver

For det første bør du ikke skifte class on-the-fly, da du så tvinger browseren til at genberegne siden, som om den lige havde loadet den ...

For det andet er det ganske simpelt at ændre en enkelt style-parameter, så hvis du skal gøre det samme på flere elementer, laver man en lille javascript-funktion, ellers gør man det direkte på tagget:

<span class="noget" onmouseover="this.style.backgroundColor='#444'" onmouseover="this.style.backgroundColor=''">Noget, som får en mørk grå baggrund, når musen er over !-)</span>

Det er faktisk netop hvad jeg har leget med. Men det virker ikke når jeg gør sådan her :

<script language="javascript" type="text/javascript">
funtion hover(object) {
  object.style.backgroundColor = '#E56600';
}

funtion hoverOut(object) {
  object.style.backgroundColor = '';
}
</script>

<div class="topmenu">
<span class="topmenulink" onMouseOver="hover(this)" onMouseOut="hoverOut(this)">Forside</span>
<span class="topmenulink">Information</span>
<span class="topmenulink">Tilmeld</span>
<span class="topmenulink">Deltagere</span>
</div>

function !-)

Hehe, selvfølgelig. Den havde jeg overset. Til tider kunne man altså godt bruge en debugger til det her sprog. Mange tak, roenving. Får jeg et svar ? :)

- på den anden side; hvad skal man med en debugger når man har dig? ;)

Tjoh, man kunne jo spare op til alderdommen !-)

Velbekomme '-)

-- og der er faktisk en ganske udmærket debugger i visse udviklingsværktøjer, den nemmeste er at bruge Mozillas/FireFox' Javascript console !o]

Javel ja. Jamen så vil jeg da kigge på den. Jeg bruger jo alligevel Firefox til dagligt :) Tak igen.

Forøvrigt ville jeg nok selv skrive funktionen sådan:

<script type=text/javascript">
function hover(elm,action){
  elm.style.backgroundColor = (action=='over')?'#e56600':'';
}
</script>

<span class="topmenulink" onmouseover="hover(this,'over')" onmouseout="hover(this,'out')">Forside</span>

-- og tak for point ;~}

Ah, god ide. Tak igen - og selv tak :)