webForumDet fria alternativet
Logga in / Bli medlem

funktion: byt css-klass vid onmouseover

JavaScript

2 svar · 204 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. :)

258 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)