funktion: byt css-klass vid onmouseover

JavaScript

2 svar · 207 visningar · startad av Bäckman

Medlem sedan nov. 2001274 inlägg
Trådstart#1

Borde inte kodsnutten nedan fungera om man vill göra en funktion som byter css-klass vid en mouseover på en tabellcell?

Javascriptet:
function bgon(obj) {
obj.className='meny-on';
obj.style.cursor='hand';
}

function bgoff(obj) {
obj.className='meny-off';
obj.style.cursor='default';
}

Tabellcellen:
<td onmouseover="bgon(this)" onmouseout="bgoff(this)">Hallo</td>

Själklart har jag två css-klasser som heter meny-off och meny-on, men de tog jag bara inte med här. Det verkar dock bara vara problem med obj.className-biten iom att pekaren byter från default till hand när man drar den över cellen. Notera att jag inte är någon hejare på javascript, så jag är väldigt tacksam för hjälp. :)

Medlem sedan nov. 20017 144 inlägg
#2

Detta funkar för mig:

<style>
<!--
.bgon{background-color:red;cursor:pointer;}
.bgoff{background-color:black;cursor:default;}
-->
</style>

<td onmouseover= "this.className='bgon'"  onmouseout="this.className='bgoff'">Hallo</td>
Medlem sedan nov. 2001274 inlägg
#3

Ah, så gick ju också göra. Tack så mycket. :)

260 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)