Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 13:45 Der er 11 kommentarer og
1 løsning

imagemap med onmouseover

Jeg har en grafisk menu (100% billede) hvor jeg har tegnet menupunkter på og tildelt dem hver deres imagemap med henvisning til forskellige sider. Problemet er så at jeg godt kunne tænke mig en onmouseover effekt hvor det imagemap man nu føre musen over skifter billedet ud, så den tegnet skrift f.eks bliver oplyst e.l. Jeg ved det nemt kan lade sig gøre med et alm. billede, men her er det imagemappet jeg skal ind og rode ved.

<IMG SRC="menu.jpg" BORDER="0" WIDTH="200" HEIGHT="325" ALIGN="bottom" USEMAP="#menu">
<MAP NAME="menu">
<AREA SHAPE="rect" COORDS="75,32,109,39" HREF="home.html" onmouseover="???ja, hvad skal man så skrive her??> </MAP>

Jeg er ikke så stiv i java så de tilbagemelding jeg nu (forhåbentlig :-) får, må godt være detailerede og nemme at forstå.

På forhånd tak
Avatar billede ras2000 Nybegynder
24. januar 2002 - 15:00 #1
Du kan ikke skifte en del af billedet ud, så skulle du lave et billede for hvert imagemap, det bliver noget bøvl.
Hvis det bare er teksten du vil ændre, skulle du overveje at skrive teksten seperat, det kræver nok noget absolute positionering, og vil i bedste fald kun virke i nogle browsere.
Har du et link til siden? Så kan jeg kigge på det...
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:08 #2
Nej så tror jeg desværre jeg er blevet misforstået. Det jeg mente var at når musen kørte over et af imagemappene skal hele billedet skifte. Ligesom man nomalt gør det med alm. billederfiler, her skal det så bare være imagesmappet der udløser det. Håber dette her er lidt mere forståligt:-)
Jeg kan desværre ikke tilbyde en link til en side, for så havde det måske været nemmer.
Avatar billede ras2000 Nybegynder
24. januar 2002 - 15:14 #3
Jamen du kan da sagtens lave en onmouseover på din imagemap!
<area onmouseover="skiftbilledet(1)">
vil køre funktionen skiftbilledet med værdien et, når du kører musen over.
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:22 #4
Det var lige præsis sådan noget jeg tænkte på. Men du vil vel ikke være så sød at skrive resten af koden da jeg er en nørd til javascript. Jeg mener der skal vel stå noget mere foroven i dokumentet. Altså funktionen som kales frem senere eller sådan noget. Eller er det nok at skrive <area onmouseover="skiftbilledet(1)">
Avatar billede ras2000 Nybegynder
24. januar 2002 - 15:26 #5
Hm, det bliver lidt svært uden at se resten af din kode. Gider du paste det her? Så kigger jeg. Det kræver dog at du sætter poointene ned til noget mere rimeligt, 60 feks.
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:31 #6
Hvad mener du med at sætte pointene ned. Nu har jeg aldrig været her på siden før så jeg troede at det var om at sætte mange point på mit spørgsmål.
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:34 #7
Men det kan være ligemeget for det viser sig at siden ikke tillade man sætter pointene ned!!
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:38 #8
Her er ihvertfald koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>menu</TITLE>
<head>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>
<BODY topmargin="0" leftmargin="0">



<IMG SRC="menu.jpg" BORDER="0" WIDTH="200" HEIGHT="325" ALIGN="bottom" ALT="" USEMAP="#menu" USEMAP="#profil" USEMAP="#galleri" USEMAP="#exit">
<MAP NAME="menu">
<AREA SHAPE="rect" COORDS="75,32,109,39" HREF="home.html" onfocus="this.blur()" onmouseover="?">
</MAP>

<MAP NAME="profil">
<AREA SHAPE="rect" COORDS="56,114,90,122" HREF="home.html" onfocus="this.blur()"onmouseover="?">
</MAP>

<MAP NAME="galleri">
<AREA SHAPE="rect" COORDS="89,194,132,202" HREF="home.html" onfocus="this.blur()"onmouseover="?">
</MAP>

<MAP NAME="exit">
<AREA SHAPE="rect" COORDS="169,258,192,264" HREF="home.html" onfocus="this.blur()"onmouseover="?">
</MAP>

</BODY>

</HTML>
Avatar billede ras2000 Nybegynder
24. januar 2002 - 15:48 #9
175 er al for mange point til et simpelt spørgsmål. Det ødelægger pointsystemet lidt hvis folk smider en hel masse point ud til simple spørgsmål, men det er selvf svært at vide hvis man er ny. Hvis du selv lægger et svar, så kan du ved at bruge knappen avanceret tildele dig selv 115 point, og mig 60, hvis mit forslag ellers virker efter hensigten. Det skulle det nu gøre.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>menu</TITLE>
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<script type="text/javascript">
function skiftbilledet(tal){
    if (tal == 1) document.billede.src = url til billede der skal bruges når musen går over området "menu";
    if (tal == 2) document.billede.src = url til billede der skal bruges når musen går over området "profil";
    if (tal == 3) document.billede.src = url til billede der skal bruges når musen går over området "galleri";
    if (tal == 4) document.billede.src = url til billede der skal bruges når musen går over området "exit";
}   
</script>
</HEAD>
<BODY topmargin="0" leftmargin="0">



<IMG name="billede" SRC="menu.jpg" BORDER="0" WIDTH="200" HEIGHT="325" ALIGN="bottom" ALT="" USEMAP="#menu" USEMAP="#profil" USEMAP="#galleri" USEMAP="#exit">
<MAP NAME="menu">
<AREA SHAPE="rect" COORDS="75,32,109,39" HREF="home.html" onfocus="this.blur()" onmouseover="skiftbilledet(1)">
</MAP>

<MAP NAME="profil">
<AREA SHAPE="rect" COORDS="56,114,90,122" HREF="home.html" onfocus="this.blur()" onmouseover="skiftbilledet(2)">
</MAP>

<MAP NAME="galleri">
<AREA SHAPE="rect" COORDS="89,194,132,202" HREF="home.html" onfocus="this.blur()" onmouseover="skiftbilledet(3)">
</MAP>

<MAP NAME="exit">
<AREA SHAPE="rect" COORDS="169,258,192,264" HREF="home.html" onfocus="this.blur()" onmouseover="skiftbilledet(4)">
</MAP>

</BODY>

</HTML>
Avatar billede _3dmaker_ Nybegynder
24. januar 2002 - 15:59 #10
jeg tror du fik alle pointene alligevel, men jeg skal nok huske det til en anden gang. Men 10000000 gange tak - det virker. Nu har jeg også bare siddet og ledt efter det på nettet i to dage uden resultat før nu!
Avatar billede ras2000 Nybegynder
24. januar 2002 - 16:03 #11
Du kan få de overskydende point tilbage ved at svare her:
http://www.eksperten.dk/spm/163139
Avatar billede tommy_carstensen Nybegynder
03. oktober 2004 - 22:24 #12
Hej ras. Hvordan skal koden anno 2004 se ud? Jeg får nemlig besked om syntaxfejl...
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