Ändra muspekare

3 svar · 419 visningar · startad av urban_hahne 7 sep. 2004

urban_hahneMedlem sedan maj 2003153 inlägg

Frågan7 sep. 2004 17:11#1

Hej ! Jag undra hur man ändrar muspekaren när man för musen över en hotspotbild som är oregelbunden. Jag vill att muspekaren ska ändras bara när den är över de definierade områdena av själva bilden. Bilden består av ett antal areor enligt:

Om jag lägger in koden: style="cursor: crosshair" i själva bilden så funkar det ju men cursorn ändrar sig då så fort den kommer in i bildens rektangel även utanför själva bilden även om bildens bakgrund är transparent i GIF-format.

JojoxxMedlem sedan juni 20004 308 inlägg

7 sep. 2004 18:21#2

Prova att lägga in detta i <area>-taggen. (Obs att du även måste ha ett href-attribut som pekar på något.)

onmouseover="this.style.cursor='crosshair';" onmouseout="this.style.cursor='';"

urban_hahneMedlem sedan maj 2003153 inlägg

7 sep. 2004 22:14#3

Ja href har jag och det funkar på onClick. Men onmouseover="this.style.cursor='crosshair';" onmouseout="this.style.cursor='';"
funkar inte. Jag har även försökt att sätta id på <area>-taggen

och referera till en stilmall
<style>
#shape1 {
position:absolute;
visibility: visible;
cursor:default;
}
</style>
samt hoppa till funktionen bytCursor vid mouseOver som ändrar cursor, jag kommer till funktionen

function bytCursor() {
shape1.style.cursor = 'hand' ;
}
jag får inget felmeddelande men cursorn förblir densamma. Det verkar som om <area> inte är mottaglig för stilmallar.
HJälp!

Jesper TMedlem sedan nov. 20017 144 inlägg

8 sep. 2004 06:45#4

function bytCursor() {
shape1.style.cursor = 'pointer' ;
}