[JS??] Muiscursor veranderen in image-map - Softwareontwikkeling

donderdag 9 januari 2003 14:07

Acties:

Topicstarter

Hallo allemaal,

ik zit met een klein probleem. Ik heb een image map met daarin een aantal linkarea's. Dat ziet er zo uit in code:

code:

<map name="upper">
<area coords="60,0,84,16" onClick="writeValue('one');"> 
<area coords="60,24,84,40" onClick="writeValue('two');"> 
<area coords="60,48,84,64" onClick="writeValue('three');"> 
<area coords="60,72,84,88" onClick="writeValue('four');">
<area coords="60,96,84,112" onClick="writeValue('five');">
<area coords="60,120,84,136" onClick="writeValue('six');">
</map>

Nu wil ik dus dat zodra je over een area heen gaat, er een hand-muiscursor verschijnt. Nu blijft het gewoon een pijltje. Hoe dit te doen, in JavaScript of CSS of wat dan ook.

Natuurlijk kan het door de 'onClick' te vervangen door een 'href=', maar ik geef in het JavaScript een 'return false' bij een bepaalde voorwaarde. Zodra ik deze return false terug krijg, verschijnt er een mooi wit scherm met 'false' als tekst. Met een 'onClick' event is dit verholpen.

Wie o wie weet raad?
Roy

Liefde maakt een smal bed breed!
Nu de dekens nog...

donderdag 9 januari 2003 14:09

Acties:

Rickets

Finger and a shift

http://www.w3.org/TR/CSS2/ui.html#propdef-cursor

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

donderdag 9 januari 2003 14:14

Acties:

McVirusS

oftewel: onmouseover="this.style.cursor = 'hand';" (gok ik

)

donderdag 9 januari 2003 14:16

Acties:

RvL

Topicstarter

Dat is makkelijk, maar ik heb er vrij weinig aan.

Een voorbeeld:
In de <body> tag kan ik zeggen:

code:

1	style="cursor: pointer;"

en dit zal perfect werken. Doe ik hetzelfde echter in de <map> of <area> tag, dan werkt het niet! En dat is nu juist de bedoeling

edit:

Sorry mcVirusS maar dat werkt ook niet

[ Voor 17% gewijzigd door RvL op 09-01-2003 14:18 ]

Liefde maakt een smal bed breed!
Nu de dekens nog...

donderdag 9 januari 2003 14:26

Acties:

Annie

amateur megalomaan

bijv:

HTML:

1	<area coords="60,0,84,16" href="/" onClick="writeValue('one'); return false;">

of

HTML:

1	<area coords="60,0,84,16" href="javascript:void(writeValue('one'));">

Today's subliminal thought is:

donderdag 9 januari 2003 14:38

Acties:

RvL

Topicstarter

Ja, dat is m!!

Ik kom zelf (met hulp van m'n gewaardeerde collega die ineens binnen kwam stormen

) op de volgende oplossing:

De image map:

code:

1	<area coords="60,0,84,16" onClick="writeValue('one');" onmouseout="document.getElementById('test').style.cursor = '';" onmouseover="document.getElementById('test').style.cursor = 'hand';">

en de afbeelding zelf:

code:

1	[img]"./images/upper.gif"[/img]

maar aangezien jou manier iets of wat korter is, gebruik ik die maar

Liefde maakt een smal bed breed!
Nu de dekens nog...