Søg
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 17:04 Der er 21 kommentarer og
1 løsning

Højreklik i billedepopup.js

Jeg har et popup script så når man klikker på den lille thumbnail åbnes den i en poup som automatisk resizes alt efter størrelsen på billedet.

Nu vil jeg gerne gøre sådan at der i min billede-popup bliver "no-right-click".

Altså skal denne kode sættes ind:

<script type="text/javascript">
function cutBubble()
{
if(event.srcElement.tagName=='IMG')
{
window.event.returnValue=false
}
}
</script>

samt <body oncontextmenu="cutBubble()" onselectstart="cutBubble()">

DOWNLOAD DET HELE I ZIP: www.michaelb.dk/bras/popup/download.zip
SE HVORDAN DET VIRKER: www.michaelb.dk/bras/popup/
Avatar billede Slettet bruger
20. november 2003 - 17:09 #1
Du sætter bare scriptet ind i HEAD-sektionen af din side, så virker det.  :-)
Avatar billede Slettet bruger
20. november 2003 - 17:11 #2
...Altså på alle billeder (img-tags).

Men jeg tror ikke, at det virker i alle browsere... vist nok kun i IE. Men jeg er ikke helt sikker på den detalje.
Avatar billede Slettet bruger
20. november 2003 - 17:14 #3
Den fulde kildekode:

======================================================

<html>
<head>
<title>Popup billede</title>
<script type="text/javascript">
function cutBubble()
{
if(event.srcElement.tagName=='IMG')
{
window.event.returnValue=false
}
}
</script>
</head>
<body>
<script language="javascript" src="billedepopup.js"></script>
<a href="java script:popup('billede.jpg')"><img src="billede-thumb.jpg" style="border-color: #000000; border-width: 1"></a>
</body>
</html>

======================================================

Java-scriptet virker på thumb-billedet, altså "billede-thumb.jpg"
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 17:17 #4
:Nu vil jeg gerne gøre sådan at der i min billede-popup bliver "no-right-click:

Læs: ...i min billede-popup...
Avatar billede Slettet bruger
20. november 2003 - 17:19 #5
...lige for at rette en fejl i dine koder:

Du har et javascript stående i BODY-sektionen, men det skal flyttes op i HEAD-sektionen.
Det har jeg gjort for dig her:

======================================================

<html>
<head>
<title>Popup billede</title>
<script language="javascript" src="billedepopup.js"></script>
<script type="text/javascript">
function cutBubble()
{
if(event.srcElement.tagName=='IMG')
{
window.event.returnValue=false
}
}
</script>
</head>
<body>
<a href="java script:popup('billede.jpg')"><img src="billede-thumb.jpg" style="border-color: #000000; border-width: 1"></a>
</body>
</html>

======================================================

Nu er alting i orden.  :-)
Avatar billede Slettet bruger
20. november 2003 - 17:19 #6
Ok, vent lige lidt.  :-)
Avatar billede Slettet bruger
20. november 2003 - 17:25 #7
Jammen hov! Dit link er IKKE til en ny website, men direkte til et billede. Det bliiede bliver bare åbnet i en browser, og har derfor ingen egenskaber/parametre.
Så den kan jeg ikke hjælpe dig med, michaelb.dk.

Det var noget andet, hvis billedet var defineret til at åbne i et nyt vindue, så kan man gøre det du ønsker.

Men igen: Scriptet virker (næsten) kun i IE, så man kan nemt kopiere dit billede alligevel, hvis det var det du ville undgå.

Nå, men jeg kan desværre kun hjælpe dig med den første del, ikke den sidste.
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 17:30 #8
Hvis du lægger mærke til det kan man se koden til billede-filen i (billedepopup.js) som indholder fra <html> til </html>!
Avatar billede roenving Novice
20. november 2003 - 18:45 #9
Hvis du tager udgangspunkt i mit script, kan vi da godt lægge den funktion ind også !-)

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede Slettet bruger
20. november 2003 - 18:58 #10
--> michaelb.dk:
Jeps, du har ret. Det så jeg ikke først. :-/

Men lad roenving hjælpe dig, han er super-duper-manden herinde.  :-))
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 19:18 #11
roenving, hvor ka jeg lægge funktionen ind??
Avatar billede roenving Novice
20. november 2003 - 19:25 #12
Ganske utestet:

<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);};
      txt+='function function cutBubble(){if(event.srcElement.tagName=='IMG'){window.event.returnValue=false}}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px" oncontextmenu="cutBubble()" onselectstart="cutBubble()"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 19:33 #13
Der opstod en fejl på siden :)
Avatar billede roenving Novice
20. november 2003 - 19:37 #14
Uff, jeg havde ikke kigget den kode du var startet med ordentlig igennem, før jeg pastede den:

<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);};
      txt+='function function cutBubble(){if(event.srcElement.tagName=="IMG"){window.event.returnValue=false}}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px" oncontextmenu="cutBubble()" onselectstart="cutBubble()"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 19:43 #15
Der opstod (stadig) en fejl på siden :)
Avatar billede roenving Novice
20. november 2003 - 19:53 #16
<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}';
      txt+='function function cutBubble(){if(event.srcElement.tagName=="IMG"){window.event.returnValue=false}}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px" oncontextmenu="cutBubble()" onselectstart="cutBubble()"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 20:01 #17
Nu resizer den ikke og man kan stadig højreklikke.
Avatar billede roenving Novice
20. november 2003 - 20:37 #18
Årh ...

-- intensive tests skal man altid prøve på sådanne mærkeligheder !-)

  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}';
      txt+='function cutBubble(){if(event.srcElement.tagName=="IMG"){window.event.returnValue=false}}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px" oncontextmenu="cutBubble()" onselectstart="cutBubble()"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede michaelb.dk Nybegynder
20. november 2003 - 22:16 #19
tak, ved du om man også kan fjerne markering af billedet?
Avatar billede roenving Novice
20. november 2003 - 22:19 #20
Nej, det _ved_ jeg ikke ...

-- men ellers velbekomme '-)
Avatar billede michaelb.dk Nybegynder
25. november 2003 - 11:22 #21
:-)
Avatar billede roenving Novice
25. november 2003 - 12:36 #22
-- opg tak for points ;~}
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
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 I går 10:41
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
20/0814:16 installere windows på separat diskpartition Af Malm i Windows
20/0813:43 Problem med mcafee Af Malm i Andet software
20/0813:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
19/0819:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
White papers
Flere white papers »