Avatar billede bobbedude Nybegynder
12. juni 2003 - 07:37 Der er 12 kommentarer og
1 løsning

højreklik menu

Hvordan laver man en højreklik menu der virker på bestemte links ??

Jeg har fundet et par stykker, men enten virker de på hele siden uanset om man klikker på link eller baggrunden eller også virker de på alle link.....
Avatar billede Slettet bruger
13. juni 2003 - 13:40 #1
<html>
<head>
<script type="text/javascript">
pop = window.createPopup();
pop.document.body.style.border = "1px solid black";
pop.document.body.style.padding = "3px";
pop.document.body.style.backgroundColor = "#FFFFCC";
pop.document.body.style.fontFamily = "Verdana";
pop.document.body.style.fontSize = "10px";
pop.document.body.innerHTML = "Dette er en menu.<br />Tro det eller lad være.<br /><a href=\"link.html\" onClick=\"parent.location.href = this.href;\">Link</a>";

function visMenu() {
  pop.show(event.clientX + 5, event.clientY + 5, 140, 50, document.body);
}
</script>
</head>
<body>
<a href="link.html" onContextMenu="visMenu(); return false;">Højreklik</a><br /><br />
<a href="link2.html">Ingen højreklik</a>
</body>
</html>
Avatar billede krogstrup Nybegynder
13. juni 2003 - 14:11 #2
Genialt - er det noget nyt, der der med window.createPopup ???

Det synes jeg ikke jeg har set benyttet før... ?!?
Avatar billede krogstrup Nybegynder
13. juni 2003 - 14:11 #3
Er det IE only ?
Avatar billede Slettet bruger
14. juni 2003 - 10:14 #4
Ja, og det er event-handleren onContextMenu jo også.
Avatar billede Slettet bruger
14. juni 2003 - 10:15 #5
window.createPopup har været understøttet siden IE5.5.
Avatar billede krogstrup Nybegynder
14. juni 2003 - 12:06 #6
ok
Avatar billede snuseren.dk Nybegynder
24. juni 2003 - 09:01 #7
Bare gå ind på http://www.adore.dk/

Bare sig Vis | Kilde, det er nok ikke ulovligt at "stjæle" det fra ham, da han selv har taget det fra en af disse gratis script´s download sider.

Hvis du får lyst til at søge lidt, har han taget det fra http://www.dhtmlcentral.com/ .

Jeg har før oprettet spørgsmålet: http://www.eksperten.dk/spm/331373

Det er altså ikke DHTML kode, selv om jeg oprettede det i dhtml kategorien.

MVH
Anders
Avatar billede snuseren.dk Nybegynder
24. juni 2003 - 09:02 #8
Jeg mener den osse virker i Mozilla + Netscape.
Avatar billede snuseren.dk Nybegynder
24. juni 2003 - 09:03 #9
Her er hele koden:

<html>

<head>
<title></title>
<STYLE>A:hover {
    COLOR: #FFFFFF
}
A:visited {
    COLOR: #000000; TEXT-DECORATION: none
}
A:active {
    COLOR: #000000; TEXT-DECORATION: none
}
A:link {
    COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
    COLOR: #FFFFFF; TEXT-DECORATION: none
}
#ie5menu {
    BACKGROUND-COLOR: #c0c0c0; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; CURSOR: default; FILTER: alpha(opacity=80); FONT-FAMILY: Tahoma; FONT-SIZE: 10px; LINE-HEIGHT: 12px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 80px; Z-INDEX: 99; font-color: #000000
}
.menuitems {
    PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; font-color: #000000
}
</STYLE>

</head>

<body>
<DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5()
onmouseover=highlightie5()>
<DIV class=menuitems url="java script:history.back()">Tilbage</DIV>
<DIV class=menuitems url="java script:history.forward()">Frem</DIV>
<DIV class=menuitems url="java script:location.reload()">Opdater</DIV>
<DIV class=menuitems
url="java script:window.external.AddFavorite('http://www.adore.dk', 'Adore.dk - Thomas Dalsgaard Clausen')">Tilføj til foretrukne</DIV>
<DIV class=menuitems
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.adore.dk')">Adore.dk som startside</DIV>
<DIV class=menuitems url="mailto:admin@adore.dk">Skriv en e-mail til mig</DIV></DIV>

<SCRIPT language=JavaScript1.2>var display_url=0



function showmenuie5(){

ie5menu.style.left=document.body.scrollLeft+event.clientX

ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"

return false

}



function hidemenuie5(){

ie5menu.style.visibility="hidden"

}



function highlightie5(){

if (event.srcElement.className=="menuitems"){

event.srcElement.style.backgroundColor="#666666"

event.srcElement.style.color="black"

if (display_url==1)

window.status=event.srcElement.url

}

}



function lowlightie5(){

if (event.srcElement.className=="menuitems"){

event.srcElement.style.backgroundColor=""

event.srcElement.style.color="white"

window.status=''

}

}



function jumptoie5(){

if (event.srcElement.className=="menuitems")

window.location=event.srcElement.url

}</SCRIPT>

<SCRIPT language=JavaScript1.2>document.oncontextmenu=showmenuie5

if (document.all&&window.print)

document.body.onclick=hidemenuie5</SCRIPT> <br>

</body>

</html>
Avatar billede snuseren.dk Nybegynder
24. juni 2003 - 09:04 #10
...og den virker over hele siden.
Avatar billede Slettet bruger
24. juni 2003 - 09:13 #11
... hvilket ikke var meningen. :)
Avatar billede bobbedude Nybegynder
24. juni 2003 - 09:15 #12
hehe du har ret phoenixy

jeg fik det løst med http://www.sothink.com det var lidt dyrt men det virker.
Avatar billede Slettet bruger
24. juni 2003 - 09:26 #13
Og det gør mit ikke?
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