Notifikationer

Markér alle som læst Log ud

chrisson Nybegynder

03. august 2006 - 03:03 Der er 7 kommentarer og
2 løsninger

Højre klik menu, skal kun virke på billede

Hej,

Har funder det her scipt her: http://javascript.internet.com/page-details/right-click-menu.html

Og jeg vil gerne høre om man kan gøre sådan at menu'en kun virker, hvis der højre klikkes på et billede, og hvordan man gør!

Har prøvet og prøvet, men kan ikke få gjordt det!!

Synes godt om

mclemens Nybegynder

03. august 2006 - 09:24 #1

Prøv at rette:

<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>

til:

<script language="JavaScript1.2">
showcont=false;
window.onload=function(){
if (document.all && window.print) {
ie5menu.className = menuskin;
imgs=document.getElementsByTagName("img");
for(i=0;i<imgs.length;i++){
imgs[i].onmouseover = function(){showcont=true;}
imgs[i].onmouseout = function(){showcont=false;}

}
document.oncontextmenu=function(){if(showcont)showmenuie5();return !showcont;};
document.onclick =function(){if(!showcont)hidemenuie5();};
}
}
</script>

Synes godt om

mclemens Nybegynder

03. august 2006 - 09:27 #2

eller

<script language="JavaScript1.2">
showcont=false;
window.onload=function(){
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu=function(){if(showcont)showmenuie5();return !showcont;};
document.onclick =function(){if(!showcont)hidemenuie5();};
}
}
</script>

og så billeder ala:

<img src="billedet.jpg" onmouseover="showcont=true;" onmouseout="showcont=false;">

}

Synes godt om

mclemens Nybegynder

03. august 2006 - 10:00 #3

Støvede lige lidt rundt i noget ældre stads jeg havde...

<!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++){
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">
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>

Synes godt om

mclemens Nybegynder

03. august 2006 - 10:03 #4

( http://www.eksperten.dk/spm/717427 )

Synes godt om

fxj Juniormester

03. august 2006 - 12:48 #5

Eller prøv et andet script:
http://www.dynamicdrive.com/dynamicindex1/jsdomenu/

Ved at ændre på parameterne jævnfør
http://www.tohzhiqiang.per.sg/projects/jsdomenu/docs/reference.php

Får du den samme funktionalitet

Synes godt om

chrisson Nybegynder

03. august 2006 - 20:12 #6

Kigger på det i morgen, har ik tid idag..

Synes godt om

chrisson Nybegynder

04. august 2006 - 11:31 #7

Din den sidste virkede mclemens, du fortjæner 150 point, fordi at fxj får 50, begrund sin hjælpsomhed at finde links selv, om det ikke var sådan at menu'en kun virkede på billeder, TAK

Synes godt om

mclemens Nybegynder

04. august 2006 - 11:32 #8

Super, tak for point :o)

Synes godt om

fxj Juniormester

06. august 2006 - 23:59 #9

jeg takker også :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS