Avatar billede cem Nybegynder
31. marts 2004 - 15:46 Der er 25 kommentarer og
1 løsning

mouseover på bilde så skal menyen komme fra

Jeg har et stort bilde og mest sannsynlig vil jeg bruke map-funksjonen...slik at når musen er over et bestemt område så skal det enten:
1. Dukke opp et nytt bilde med ny meny
2. Dukke opp en Javascript,DHMTL osv meny....

hvordan skal jeg skrive dette?
Avatar billede roenving Novice
31. marts 2004 - 16:42 #1
<area coords="left,top,right,bottom" shape="rect" onmouseover="document.getElementById('menu1').style.display='block';" onmouseout="document.getElementById('menu1').style.display='none';">

-- og din menu inde i en div:

<div id="menu1" style="display:none">Menuen</div>
Avatar billede cem Nybegynder
31. marts 2004 - 17:26 #2
<area coords="306, 84, 342, 103" shape="rect" onmouseover="document.getElementById('menu1').style.display='block';" onmouseout="document.getElementById('menu1').style.display='none';">

<tr><td width="100%" colspan="2"><div id="menu1" style="display:none"><img src="bilder/menu/blue/top.gif" width="925" height="134"></div>



Jeg fikk det ikke til....noen som vet hvorfor?
Avatar billede cem Nybegynder
31. marts 2004 - 17:28 #3
det skjedde ingenting...jeg fikk fram bilde ""><img src="bilder/menu/blue/top.gif" width="925" height="134">" ved å ta bort display:none....men jeg lurer på om jeg skal sette inn et bilde til ... og hvor?!
Avatar billede roenving Novice
31. marts 2004 - 17:45 #4
<img usemap="mitMap" src="billede.jpg">

<map name="mitMap">
  <area coords="left,top,right,bottom" shape="rect" onmouseover="document.getElementById('menu1').style.display='block';" onmouseout="document.getElementById('menu1').style.display='none';">
</map>
Avatar billede cem Nybegynder
31. marts 2004 - 18:25 #5
men nå vil jeg bytte ut "Menuen" med et bilde....og det går greit...men jeg vil at bilde skal komme ved siden av quiz OG den skal ligge over nadre bilder...slik at den blir lagt oppå å ikke forandrer alt annet....hvordan gjør jeg det?
Avatar billede roenving Novice
31. marts 2004 - 18:39 #6
Sætter position:absolute;left:xxpx;top:yypx; i style på billedet !-)
Avatar billede cem Nybegynder
31. marts 2004 - 19:26 #7
siste, tror jeg, er følgende spørsmål...jegvil at når jeg har musen over det nye bildet...som jeg erstattet med "menuen" skal være 'oppe'/vises så lenge musen er over...hvordan gjør jeg det?
Avatar billede cem Nybegynder
31. marts 2004 - 19:52 #8
altså bilde skal ikke forsvinne om jeg setter musen over det nye bildet
Avatar billede cem Nybegynder
31. marts 2004 - 20:45 #9
http://www.ameristarcasinos.com/kc/kc_ca_tablegames.asp

den grønne menyen øverst til høyre viser hva jeg tenker på...men bare at jeg ALLEr helst vil ha bilde og ikke tabell som denne siden bruker!
Avatar billede cem Nybegynder
01. april 2004 - 20:16 #10
ingen som vet noe????????
Avatar billede roenving Novice
01. april 2004 - 20:20 #11
Tjoh, måske, men du får mig ikke til at besøge en casino-side, så du må forklare det på en anden måde !-)
Avatar billede cem Nybegynder
01. april 2004 - 20:58 #12
okey....jeg når musen kommer over ene OMRÅDET på bildet...skal det komme et nytt bilde...denne funksjonen skal fungere  som en meny, MEN når jeg tar musen bort fra det første bildet forsvinner også andre....så det jeg trenger er en kode som gjør at når jeg har musen over bilde2 at da skal bilde2 fortsette være der selv om ikke musen er over bilde1 som scriptet orginalt sier...


MEN jeg er ikke nødt til å bruke et bilde2 det skal også gå an å bruke tabeller...som casinosiden viste;)...
Avatar billede cem Nybegynder
01. april 2004 - 20:58 #13
forstår du/dere?
Avatar billede roenving Novice
01. april 2004 - 21:03 #14
Har du kun et area ?-)

For så skal du i stedet sætte en timeout på at billedet forsvinder, f.eks. efter ½ eller 1/10 sekund, og så forhindre det i at forsvinde, hvis det i mellemtiden har fået en mouseover !-)
Avatar billede cem Nybegynder
01. april 2004 - 21:11 #15
ja, bilde1 er et area....når man har musen over kommer et NYTT bilde opp...bilde2;)

vet ikke helt om jeg forsto hva du mente...men hvordan gjør jeg det?
Avatar billede roenving Novice
01. april 2004 - 21:23 #16
På billede 1:

onmouseover="document.getElementById('menu1').style.display='block';"
onmouseout="timer=setTimeout('document.getElementById(\'menu1\').style.display=\'none\'',100);"

På billede 2:

onmouseover="clearTimeout(timer)"
Avatar billede cem Nybegynder
01. april 2004 - 21:28 #17
men nå forsvinner ikke menyen idet jeg tar musen ut....hvordan gjør jeg det?
Avatar billede roenving Novice
01. april 2004 - 21:33 #18
På billede 2:

onmouseover="clearTimeout(timer)" onmouseout="this.style.display='none';"
Avatar billede cem Nybegynder
01. april 2004 - 22:18 #19
det virket nå....men kun en gang....jeg førte musen over bilde1 og bilde2 dukket opp, beveget musen ut av bilde2 og bilde2 forsvann...men når jeg fører musen over bilde1 forsvinner det igjen...hvorfor?
Avatar billede cem Nybegynder
01. april 2004 - 22:19 #20
skrev feil:"forsvinner det igjen...hvorfor?"...det som skjer at bilde2 IKKE dukker opp ANDRE gang...hvorfor ikke?
Avatar billede roenving Novice
01. april 2004 - 22:37 #21
Jeg kan ikke genskabe fejlen, men jeg har selvfølgelig heller ikke din konkrete kode, så der kan være noget, jeg ikke har fået med !-)
Avatar billede cem Nybegynder
01. april 2004 - 22:55 #22
<map name="mitMap"><area href="#Quiz" coords="308, 85, 343, 102" shape="rect" onmouseover="document.getElementById('menu1').style.display='block';" onmouseout="timer=setTimeout('document.getElementById(\'menu1\').style.display=\'none\'',100);"></map>
<img usemap="#mitMap" src="bilder/menu/blue/top.gif" width="925" height="134" border="0"><div id="menu1" style="display:none">
  <img src="bilder/menu/blue/menu_Quiz.gif" style="position:absolute;left:300px;top:100px; " onmouseover="clearTimeout(timer)" onmouseout="this.style.display='none';" width="200" height="400"></div>



så jeg får ikke opp menuen(bilde2) HVER gang jeg holder musen over bilde1....
Avatar billede roenving Novice
01. april 2004 - 23:07 #23
Sikkert:

onmouseout="this.parentNode.style.display='none';"
Avatar billede cem Nybegynder
01. april 2004 - 23:18 #24
JEPP TUSEN TAKK
SVAR?
Avatar billede roenving Novice
01. april 2004 - 23:23 #25
Velbekomme '-)
Avatar billede roenving Novice
01. april 2004 - 23:44 #26
-- og tak 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