Anderledes eksempel sæt class="imgcl" på billeder hvor menuen skal dukke frem
<!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;background:#fff;}
</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)?lmenu:document.body.scrollLeft;
dmcy=event.clientY+dmcst;dmcx=event.clientX+dmcsl;
}else{dmcy=e.pageY;dmcx=e.pageX;}
}
showcont=false;
window.onload=function(){
imgs=document.getElementsByTagName("img");
for(i=0;i<imgs.length;i++){
if(imgs[i].className=="imgcl"){
imgs[i].onmouseover=function(){showcont=true;}
imgs[i].onmouseout=function(){showcont=false;}
}
}
}
document.oncontextmenu=function(){if(showcont)mycontext(''+dmcy+'',''+dmcx+'');return !showcont;};
document.onclick =function(){if(!showcont)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><img src="07.jpg"><img src="07.jpg"><img src="07.jpg" class="imgcl"><img src="07.jpg" class="imgcl"><img src="07.jpg">
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>
<div id="mycontext"><a href="#etandetmenupunkt">test1</a><br><a href="#etandetmenupunkt">test2</a></div>
</body></html>