Avatar billede parisertoast Nybegynder
18. februar 2003 - 10:56 Der er 22 kommentarer og
1 løsning

Simpel onmouseover menu, 2 img, 1 text

Efter at have brugt lige lovlig mange timer på at finde ud af at få min meget simple menu til at krøllebølle, må jeg erklærer, at jeg har brug for hjælp.

Jeg har brug for en simpel menu, som består af 2 images (henholdsvis greendot.gif og bluedot.gif) og hvor teksten er i ren hypertext (html-tekst).

HTML eksempel:
<a href="s1.htm"><img src="grafik/bluedot.gif" width="6" height="6" border="0"></a> <a href="s1.htm">Side 1</a><br>
<a href="s2.htm"><img src="grafik/bluedot.gif" width="6" height="6" border="0"></a> <a href="s2.htm">Side 2</a><br>
[osv&#8230;]

Ønsket:
Er man mouseover på enten hypertexten (html-teksten), eller på img (dvs. i dette tilfælde bluedot.gif), skal bluedot.gif ændre sig til greendot.gif.

Fjerner man musen fra hypertext og/eller img skal den naturligvis returnere til bluedot.gif (det som den startede ud med).


Jeg har prøvet både med dhtml og med script, men har måtte gået tomhændet fra begge. Det jeg søger er en simpel version, hvor krav til browserversionering ikke er af høj prioritet.

Nogle søde piger eller guttermænder, der kan hjælpe?
Avatar billede exp Juniormester
18. februar 2003 - 10:58 #1
Du kan kigge lidt her:
http://www.eksperten.dk/spm/41028 :o)
Avatar billede exp Juniormester
18. februar 2003 - 11:04 #2
Kunne det ikke bruges?
Avatar billede parisertoast Nybegynder
18. februar 2003 - 11:08 #3
Nej, for det jeg savner er at den udføre begge dele. Dvs. at mouseover fungere på _både_ text og img. Se mit indlæg for nærmere forklaring.
Avatar billede loss Nybegynder
18. februar 2003 - 11:09 #4
hvis du giver dit billed, et name, kan det nemt lade sig gøre..

ommouserover="document.all.NAME.src='URL'"
ommouserout="document.all.NAME.src='GAMMELURL'"

prøv at sætte den både inde i <img> og <a>
Avatar billede cdc Novice
18. februar 2003 - 11:11 #5
her en hvor linket kan skiftes til image:
http://hjem.get2net.dk/arntsen/eksperten/menu/menu_06.htm
Avatar billede parisertoast Nybegynder
18. februar 2003 - 11:13 #6
Se gerne mit html-eksempel for opstilling, der tydliggøre placering af elementerne img og text.
Avatar billede loss Nybegynder
18. februar 2003 - 11:21 #7
<a href="s1.htm"><img onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" name="img" src="new.gif" border="0"></a><a onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" href="s1.htm">Side 1</a><br>
<a href="s2.htm"><img onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" name="img" src="new.gif" border="0"></a><a onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" href="s2.htm">Side 2</a><br>


prøv at kopiere det der ind.. det skulle gerne virke
Avatar billede parisertoast Nybegynder
18. februar 2003 - 11:27 #8
Hvad er src="new.gif"?
Avatar billede loss Nybegynder
18. februar 2003 - 11:27 #9
ups... der skal du bare skrive grafik/bluedot.gif 

bare lige et billed jeg brugte til at teste med...
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:03 #10
Kan ikke få det til at fungere. Hvilken browser funker det til?
Avatar billede loss Nybegynder
18. februar 2003 - 12:20 #11
kan se at en lille fejl lige havde klemt sig ind..

prøv lige det her..

<a href="s1.htm"><img onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" name="img" src="new.gif" border="0"></a><a onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" href="s1.htm">Side 1</a><br>
<a href="s2.htm"><img onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" name="img2" src="new.gif" border="0"></a><a onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" href="s2.htm">Side 2</a><br>

havde lige glemt at give dem forskellige navne, de 2 billeder... prøv nu
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:27 #12
<a href="s1.htm"><img onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" name="img" src="grafik/bluedot.gif" border="0"></a><a onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" href="s1.htm">Side 1</a><br>
<a href="s2.htm"><img onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" name="img2" src="grafik/bluedot.gif" border="0"></a><a onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" href="s2.htm">Side 2</a><br>

..er så den korrekte. Hvor new.gif er erstattet efter din tidligere anvisning. OG nu virker det :-) Hvordan giver jeg dine helt igennem velfortjente point?
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:36 #13
Hmm, det virker alligevel ikke.. Ehm.. Ved load viser den grønt fra start, har man musen over aktiveres menuen og så skifter og ender den rigtig nok til det den skal.
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:38 #14
Her er den rigtige:

<a href="s1.htm"><img onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" name="img" src="grafik/bluedot.gif" border="0"></a><a onmouseover="document.all.img.src='grafik/greendot.gif'" onmouseout="document.all.img.src='grafik/bluedot.gif'" href="s1.htm">Side 1</a><br>
<a href="s2.htm"><img onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" name="img2" src="grafik/bluedot.gif" border="0"></a><a onmouseover="document.all.img2.src='grafik/greendot.gif'" onmouseout="document.all.img2.src='grafik/bluedot.gif'" href="s2.htm">Side 2</a><br>
Avatar billede loss Nybegynder
18. februar 2003 - 12:44 #15
virker det nu ?
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:48 #16
Tjah.. nu konflikter det blot med css (formoder jeg).. men det er der jo en løsning på.
Avatar billede loss Nybegynder
18. februar 2003 - 12:50 #17
hvad sker der nu ?.. noget med den alm. mouseovereffekt på linksne ?..
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:52 #18
Ikke css alligevel, men img talrækken img og img2 .. som jeg så videre dernedefter har givet andre tal. Works not.. hehe..
Avatar billede loss Nybegynder
18. februar 2003 - 12:53 #19
Hvor mange steder skal du bruge det..

hvis det er det samme billed hvergang der skal skiftes er det nok lidt nemmere at lave en funktion der gør det for dig..

men ellers skal du jo huske både at ændre img name.. på selve billedet og på mouseover/out funktionen
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:55 #20
Ok, nu virker det!! Det plejer at hjælpe, hvis man skriver det samme over hele linjen ;-)
Avatar billede loss Nybegynder
18. februar 2003 - 12:56 #21
.svar

:).. held og lykke med det...
Avatar billede parisertoast Nybegynder
18. februar 2003 - 12:56 #22
Og nu er jeg 100% sikker på at det virker, for det er implimenteret på sitet og ser bare så smukt ud. Du er en guttermand/woman :-)
Avatar billede loss Nybegynder
18. februar 2003 - 13:23 #23
mand ;)
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