Avatar billede nielspt Nybegynder
20. maj 2006 - 15:34 Der er 4 kommentarer og
1 løsning

2 mouseover på samme tid, statusbar og billede

Hej..

Forsiden på min hjemmeside består af et imagemap-billede (altså et billede hvor forskellige områder linker til forskellige sider)

Når musen føres over et bestemt område, som er et link, ændrer et lille billede sig over selve imagemap-billedet, hvilket også virker som det det skal.

Derudover vil jeg gerne have status baren til blot at skrive 'Guestbook' i stedet for stien på hele linket, som den gør automatisk. Det betyder altså, at jeg skal bruge 2 mouseover-funktioner på samme link. Hvordan gøres det - og hvordan ændres statusbaren?

Min kode:

<head>
...

</head>

<body>
<center>

<img src="status.gif" name="status"><br>

<img src="front.gif" border="0" width="709" height="337" usemap="#map" name="pic"
onmouseover="window.status='Før musen over kontinenterne'">

<map name="map">
<area shape="poly"
    coords="523, 162, 519, 152, 514, 185, 492, 183, 474, 147"
    href="guestbook.php"
    onmouseover="(document.status.src='status1.gif')"
    onmouseout="(document.status.src='status.gif')"
    title="gæstebog"
    alt="Skriv eller læs i gæstebogen"   
    >


.....

</body>




Tak.
Med venlig hilsen,
Niels.
Avatar billede thesurfer Nybegynder
20. maj 2006 - 17:47 #1
Man kan sagtens have flere funktioner i samme onmouseX:

onmouseover="noget_1;noget_2;osv"
onmouseout="noget_1;noget_2;osv"

Eksempel:
    onmouseover="document.status.src='status1.gif';window.stauts='Guestbook'"
    onmouseout="document.status.src='status.gif';window.stauts=''"
Avatar billede thesurfer Nybegynder
20. maj 2006 - 17:51 #2
Hvis du har mange områder, kan du lave en funktion:

function vis(billede, status)
{
// nulstil værdier:
document.status.src='status.gif';
window.status = = '';

if (billede != '') document.status.src = billede;
if (status != '') window.status = status;
}

onmouseover="vis('status1.gif','Guestbook')";
onmouseout="vis('','');"

Hvis du kun bruger status.gif og status1.gif, kan du indsætte det direkte i din kode:

function vis(billede, status)
{
// nulstil værdier:
document.status.src='status.gif';
window.status = = '';

if (billede != '') document.status.src = 'status1.gif';
if (status != '') window.status = status;
}
Avatar billede thesurfer Nybegynder
20. maj 2006 - 17:51 #3
Svar.
Avatar billede nielspt Nybegynder
21. maj 2006 - 00:30 #4
hej surfer!

Tak for svaret - det var alt jeg skulle bruge, og mere til.
God weekend!
Avatar billede thesurfer Nybegynder
21. maj 2006 - 17:55 #5
Det var da så lidt :-)

Jeg plejer normalt at bruge ID i stedet for NAME.

Så jeg gør sådan her:

<img src="status.gif" id="status"><br>

og:
document.getElementById("status").src = ...

- Takker for points.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester