Avatar billede liferocks Nybegynder
25. juni 2006 - 16:08 Der er 3 kommentarer og
1 løsning

en højrekliks menu ?

Hej alle sammen,

Jeg har tænkt på dette længe.

Hvordan kan jeg lave en menu ved at højreklikke et sted på min hjemmeside, og der så kommer en menu frem ?

Dette kunne jeg godt tænke mig :)

Håber i forstår mig :D

Tag på forhånd

PS, det må gerne virke i de fleste browser ;)
Avatar billede mclemens Nybegynder
25. juni 2006 - 18:28 #1
Noget i denne stil?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#mycontext{position:absolute;top:0px;left:0px;
display:none;width:200px;border:1px solid #000;}
</style>

<script type="text/javascript">
var dmcy=0;var dmcx=0;

var IE=((document.all)&&(navigator.userAgent.indexOf('Opera')== -1))?true:false;
if(!IE)document.captureEvents(Event.mousemove);

document.onmousemove=function (e){
  if(IE){
    dmcst=(tmenu=document.documentElement.scrollTop)?tmenu:document.body.scrollTop;
    dmcsl=(lmenu=document.documentElement.scrollLeft)?tmenu:document.body.scrollLeft;
    dmcy=event.clientY+dmcst;dmcx=event.clientX+dmcsl;
  }else{dmcy=e.pageY;dmcx=e.pageX;}
}

document.oncontextmenu=function(){mycontext(''+dmcy+'',''+dmcx+'');return false}

document.onclick=function(){
document.getElementById("mycontext").style.display="none";
}

function mycontext(tmpy,tmpx){
tmp=document.getElementById("mycontext").style;
tmp.top=dmcy+"px";
tmp.left=dmcx+"px";
tmp.display="block";
}
</script>


</head>


<body>
Højre klik ;o)
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<img src="testbillede.gif"><img src="testbillede2.gif"><img src="testbillede3.gif">
<div id="mycontext"><a href="#etandetmenupunkt">test1</a><br><a href="#etandetmenupunkt">test2</a></div>
</body></html>
Avatar billede liferocks Nybegynder
25. juni 2006 - 19:43 #2
Det var det nemmelig :D


Tak skal du have :D
Avatar billede mclemens Nybegynder
25. juni 2006 - 19:57 #3
Velbekom, her er et svar...

- Ser dog en lille fejl i mit script tror jeg?
    dmcsl=(lmenu=document.documentElement.scrollLeft)?tmenu:document.body.scrollLeft;
bør nok rettes til:
    dmcsl=(lmenu=document.documentElement.scrollLeft)?lmenu:document.body.scrollLeft;

(dmcsl skal have værdien af lmenu og ikke tmenu som i scriptet ... har
dog ikke lige testet på fejlen af det ... men den opstår vist kun i quirks mode...)
Avatar billede mclemens Nybegynder
25. juni 2006 - 20:00 #4
- og tak for point :o)
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