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…] Ø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?
Annonceindlæg fra Infor
exp
Juniormester
18. februar 2003 - 10:58
#1
exp
Juniormester
18. februar 2003 - 11:04
#2
Kunne det ikke bruges?
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.
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>
18. februar 2003 - 11:11
#5
18. februar 2003 - 11:13
#6
Se gerne mit html-eksempel for opstilling, der tydliggøre placering af elementerne img og text.
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
18. februar 2003 - 11:27
#8
Hvad er src="new.gif"?
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...
18. februar 2003 - 12:03
#10
Kan ikke få det til at fungere. Hvilken browser funker det til?
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
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?
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.
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>
18. februar 2003 - 12:44
#15
virker det nu ?
18. februar 2003 - 12:48
#16
Tjah.. nu konflikter det blot med css (formoder jeg).. men det er der jo en løsning på.
18. februar 2003 - 12:50
#17
hvad sker der nu ?.. noget med den alm. mouseovereffekt på linksne ?..
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..
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
18. februar 2003 - 12:55
#20
Ok, nu virker det!! Det plejer at hjælpe, hvis man skriver det samme over hele linjen ;-)
18. februar 2003 - 12:56
#21
.svar :).. held og lykke med det...
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 :-)
18. februar 2003 - 13:23
#23
mand ;)
Vi tilbyder markedets bedste kurser inden for webudvikling