Avatar billede pcdl Nybegynder
04. august 2006 - 18:04 Der er 15 kommentarer og
1 løsning

Højreklik

Kan man på en eller anden måde gøre så man kan højre klikke på bestemte billeder også kommer der en menu frem på den billede hvor man klikkede det er fordi har nemlig en masse billeder også der er kun 1 af dem hvor man skal klikke på problemet er bare at alle sammen står i span så kan ikke gøre det ved kun span det skal være et eller andet med man skal give billederne navn eller sårn noget
Avatar billede mclemens Nybegynder
04. august 2006 - 20:37 #1
Avatar billede mclemens Nybegynder
04. august 2006 - 20:39 #2
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>
Avatar billede mclemens Nybegynder
04. august 2006 - 21:46 #3
Lægger lige et svar hvis det kunne bruges.
Avatar billede pcdl Nybegynder
05. august 2006 - 01:22 #4
Hmm ja selve scriptet virker udemærket men problemet er jeg kan ikke få det til at virke i den fil hvor det skal mærke kan du evt hjælpe mig ??
Avatar billede mclemens Nybegynder
05. august 2006 - 01:33 #5
Med et link kan jeg måske...?
- Jeg kan ihvertfald prøve :o)
Avatar billede mclemens Nybegynder
05. august 2006 - 01:35 #6
... Bemærk dog at en body onload="..." konflikter med en window.onload=function(){...} Hvis du har det skal du kaste body onload="..." indholdet over i window.onload scriptets funktion istedet ... Og hvis der er andre window.onload's kan det måske også konflikte - så skal de kombineres i samme window.onload=function(){...}
Avatar billede pcdl Nybegynder
05. august 2006 - 01:41 #7
du kan få min msn så kan jeg sende dig filen det skal sætte i hvis du vil det
Avatar billede mclemens Nybegynder
05. august 2006 - 01:52 #8
Den del duer ikke rigtig...

1.Årsag: Iflg. reglerne - http://www.eksperten.dk/regler.phtml
... 2.1.13 tildele point for en opgave løst uden om Eksperten.dk (f.eks. opgaver løst via mail, ICQ eller telefon), eller blot et andet spørgsmål på Eksperten.dk (lovlig pointoverførsel undtaget).

2.Årsag: Jeg har ingen msn.

3. Årsag jeg er lidt anonym herinde - da det er ikke alle brugere der er lige "seriøse" ... det er ganske få der ikke er seriøse men der er nogle - og jeg har i andre forummer  oplevet at blive bombet med hjælp mig spørgsmål på min mail ... Og selvom du kaster din e-mail og beder mig om at maile dig så er det ikke den form jeg har lyst til at bruge eksperten via. (så kan jeg løse webopgaver for kontanter istedet - det her er "fritids beskæftigelse" alá puslespil for mig. Så jeg har det fint med at der ikke rykkes efter mig til it problemer i min e-mail ... jeg har et arbejde der skal passes til daglig - og der vil altid være årsag nr. 1)



Løsningen er i 04/08-2006 20:39:50 - men jeg vil gerne hjælpe med at implementere
den så hvad med at du poster en test fil her i forummet eller selve filen hvor det skal implementeres i ... hvis et link er helt umuligt ?
Avatar billede mclemens Nybegynder
05. august 2006 - 01:55 #9
- Du har jo kastet din webadresse i dine tidligere indlæg samt din e-mail...? Er din markup så skrøbelig? Hvis det er fordi du ikke vil lægge indholdet til frit skue af anden årsag kan du måske fjerne lidt af tingene så den ikke giver så meget ide til brugen - hvis du har gang i en commerciel applikation af en form der kører via nettet...?
Avatar billede mclemens Nybegynder
05. august 2006 - 02:03 #10
Nu kan jeg se at du har et spørgsmål mere åben
http://www.eksperten.dk/spm/724161
... husk at gove feedback derinde også ;o)

--- Hvis den står på siden skal det istedet for sådan her:
<body onload="document.getElementById('text_focus').focus()">
<input type="text" name="text_focus" onBlur="document.getElementById('text_focus').focus()">

stå sådan her:

... scriptet - ret nedenstående section ...
showcont=false;
window.onload=function(){
  document.getElementById('text_focus').focus()
  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;}
    }
  }
}
... resten af scriptet tidligere postet ...

og i <body>
<input type="text" name="text_focus" onBlur="document.getElementById('text_focus').focus()">


... (ikke testet)
Avatar billede mclemens Nybegynder
05. august 2006 - 02:21 #11
(hopper til køjs nu)
Avatar billede pcdl Nybegynder
05. august 2006 - 14:53 #12
Altså den fil hvor scriptet skal sættes på ser sådan her ud

<span id="Bruger" class="float" style="width:52;height:63">
<a href="../user2/PcProfil.php?b=<?=$brugernavn?>" target="rightpage"><img class="float" src="../grafik/figurer/root/<?=$row_info[kroppen]?>.gif"></a><span class="navne" style="color:<?=$row_info[navnefarve]?>;"><?=$brugernavn?></a>
</span>

Scriptet kal kun virke på <img class="float" src="../grafik/figurer/root/<?=$row_info[kroppen]?>.gif">
Avatar billede mclemens Nybegynder
05. august 2006 - 15:40 #13
<!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(){
  if(tn=document.getElementById("imgcl")){
    tn.onmouseover=function(){showcont=true;}
    tn.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 class="float" src="../grafik/figurer/root/<?=$row_info[kroppen]?>.gif" id="imgcl">
.<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>






.... den anden virkede på alle billeder med class="imgcl"
denne virker kun på et enkelt billede med id="imgcl"
Avatar billede mclemens Nybegynder
05. august 2006 - 15:41 #14
Scriptet virker nu kun på <img class="float" src="../grafik/figurer/root/<?=$row_info[kroppen]?>.gif" id="imgcl">
Avatar billede pcdl Nybegynder
23. september 2006 - 17:46 #15
lukker
Avatar billede mclemens Nybegynder
23. september 2006 - 17:59 #16
Ingen point og ingenting ?
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