onMouseOver i <area>

OnMouseMove="window.status='din tekst'; return true;"
OnMouseOut="window.status=''; return true;"

OnMouseEnter virker også. Jeg ved ikke hvad forskellen er helt, men det kan du læse om her http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/mshtml/reference/events/htmlanchorevents/onmouseenter.asp

OnMouseEnter - udløses når musen føres ind i objektet.
OnMouseMove - udløses når musen føres hen over objektet.

7th>> onMouseMove udføres, når musen bevæges. Du mener onMouseOver.

klejner>> Prøv:

<area shape="rect" href="fil.htm" coords="1,1 10,10" onMouseOver="window.status = 'Text'; return true;" onMouseOut="window.status = ''; return true;">

phoenixv : nej, jeg mener OnMouseMove eller OnMouseEnter. Et area er et objekt, derfor er det forkert at bruge OnMouseOver.

onMouseMove udføres, når musen bevæger sig. Ikke når man bevæger musen ind over et objekt. Det kan ikke diskuteres. Jeg har aldrig hørt om, at onMouseOver ikke virker på et <area>. Faktisk har jeg selv brugt det engang. Og at bruge onMouseOver vil være langt mindre ressourcekrævende end onMouseMove.

Du har faktisk ret i, at mit script ikke virker, men det er af andre årsager. Browseren kan nemlig ikke lide, at den ikke må vise url'en. onMouseOver virker fint, men der skal lidt fiksfakseri ind i billedet:

http://phoenixv.h4f.dk/imap.html

Man kan også vælge at sætte et timeout på at skifte statusteksten, men selv med en "venteværdi" på 1 vil baren lige flimre med url'en.

Ahh smart måde at løse onMouseOver "problemet" på. Den havde jeg ikke lige tænkt på... Nå men så har vi da begge to ret på hver sin måde ;)

Ja, men jeg har mest! :)

onMouseOver kan i det hele taget bruges på næsten alle visuelle elementer. Faktisk alle jeg er stødt på.

Det eneste lidt misvisende i dit eksempel er hvis area felter f.eks hedder coords="25,25,149,49" coords="25,25,125,25". Så vil der jo være en cursor hånd på hele area feltet som indikerer et link selvom der ikke er noget link visse steder, men nok om det, klejner burde da have fået svar på spørgsmål nu ;)

phoenixv >> Forskellen på mit eksempel og dit på http://phoenixv.h4f.dk/imap.html er at du ikke benytter dig af
href="link"
men af
onclick="self.location.href='link';"
Dette gør at onmouseover kommer til at virke, men det bevirker også at der ikke bliver vist en link-cursor (en hånd med en finger) som der ellers ville.

Kan det ikke laves sådan at både link-cursoren er der, og at onmouseover virker???

Undskyld der kommer godt nok den korrekt cursor frem i det eksempel, men det er pga sådan style fixfax. Kan det ikke undgåes???

....Hvis man ikke kan undgå det, hvordan ungår man så at der kommer en håndcursor, når at cursoren er uden for et <area> men stadig inden for billedet??

Fjern style="cursor: pointer; cursor: hand" og tilføj href="#" i hvert area, så kommer hånden kun på dine area felter ;)

<map name="test">
<area shape="rect" coords="0,0,149,49" href="#" onMouseOver="window.status = 'Eksperten'; return true;" onMouseOut="window.status = ''; return true;" onClick="self.location.href = 'http://www.eksperten.dk';">
<area shape="rect" coords="0,50,149,99" href="#" onMouseOver="window.status = 'DynamicDrive'; return true;" onMouseOut="window.status = ''; return true;" onClick="self.location.href = 'http://www.dynamicdrive.com';">
<area shape="rect" coords="0,100,149,149" href="#" onMouseOver="window.status = 'Something.com'; return true;" onMouseOut="window.status = ''; return true;" onClick="self.location.href = 'http://www.something.com';">
</map>

<img src="imap.gif" width="150" height="150" border="0" usemap="#test">

Glemte lige at sige, så skal de hedde onMouseMove i stedet for og så er du lige vidt. Det med hånden kan phoenixv sikkert klare på en bedre måde, men det er mit bedste bud.

Til at klare phoenixv tip tror jeg du skal have fat i noget javascript ala (this.style) på onclick funktionen.

Det er ikke så svært. Jeg opdaterer lige mit link. 2 sek.

Mission accomplished.

Det ser dog ud, som om at Netscape (i hvert fald version 7) ikke vil ændre cursoren, når man flytter musen over et area. De andre funktioner virker dog helt fint.
Så enten bliver du nødt til at leve med det, eller vælge en anden ikke-så-tilfredsstillende løsning.

Tjaaa det er vel i orden. Men lige en sidst ting...
Hvad er pointen ved linjen
document.images["imap"].style.cursor = (document.getElementById && !document.all) ? "pointer" : "hand";
Har prøvet bare at skrive
document.images["imap"].style.cursor = "hand";
og det virker ligeså fint. Hvad betyder de to ting som skal opfyldes???

MVH Klejner

Ja, det kan du så godt slette nu. Det var bare fordi, jeg troede, at man kunne sætte en hånd på i NS7 også. Og i NS7 hedder hånd-cursoren ikke "hand", men "pointer".

Mon ikke du skulle lukke spørgsmålet nu og give phoenixv hans velfortjente points ?

Oooh undskyld min fejl. Her er pointene.