disable right click 2

shetlandbob · Jul 3, 2004

Hi I've got the following code that I believe will disable the right click on a html page

Code:

  <SCRIPT LANGUAGE="JavaScript">
    <!--
      var message="Right Click Disabled"
      function click(event)
      {
        if (document.all)
        {
          if (event.button == 2)
          {
            alert(message);
            return false;
          }
        }
        if (document.layers)
        {
          if (event.which == 3)
          {
            alert(message);
            return false;
        }
      }
    } 

    if (document.layers)
    {
      document.captureEvents(Event.MOUSEDOWN);
    }

    document.onmousedown=click;
    //-->
  </SCRIPT>

If I put this in the <head> section of my file then it works for that page.

My page is build up with frames, can I put this in my frames.html so that the rule is valid for all child.html pages???

I do not want to have to put it in all my child html. Also in some frames I will load up a picture and not a html so how can I disable the right click in that instance?

Thanks

ThomasJSmart · Jul 3, 2004

you shouldnt load an image directly into the browser, always embed in a html file.

some browsers dont know what to do with images without html so they attempt to download it instead of displaying.

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

LFI · Jul 3, 2004

I got this to work for me in IE6 (thanks to simonchristieis at this post and my own knowledge on the subject:

Code:

<html>
<head>
<script>
function stopRightClick()
{
 document.oncontextmenu = function(){return false}
 pictureFrame.document.oncontextmenu = function(){return false}
}
</script>
</head>
<body onload='stopRightClick()'>
Hello, World!
<iframe width='100%' height='100%' id='pictureFrame' src='Nic1.bmp'>
</iframe>
</body>
</html>

You'll notice that the function disables the right-click in both the parent document and the picture-only child document in the iframe ("oncontextmenu" means "onrightclick").

So it seems like you can remotely set this property in child frames. I didn't try it with a frameset, but my guess is you can make it work with one.

I probably wouldn't put it in a BODY tag's onload event, however, without putting some kind of delay mechanism in there to make sure the frame you're aiming for is loaded in time for the remote event to be added. I imagine an error would result if (in my code above, for example) iframe pictureFrame didn't finish loading before the javascript line pictureFrame.document.oncontextmenu = function(){return false} tried to run.

To solve K9logic's concern above, you could do the following with a picture frame:

Code:

<html>
<head>
<script>
function loadIframeAndStopRightClick()
{
 document.oncontextmenu = function(){return false}
 pictureFrame.document.open();
 pictureFrame.document.write("<html><body oncontextmenu='return false;'><img src='Nic1.bmp' /></body></html>");
 pictureFrame.document.close();
}
</script>
</head>
<body onload='loadIframeAndStopRightClick()'>
Hello, World!
<iframe width='100%' height='100%' id='pictureFrame' src='Nic1.bmp'>
</iframe>
</body>
</html>

Notice, in this case, the oncontextmenu event is written right into the BODY tag of the iframe image's enveloping HTML document.

'hope this helps.

--Dave

ThomasJSmart · Jul 4, 2004

thats a pretty clever solution for the img thing

didnt think of that. is that crossbrowser compatible?

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

LFI · Jul 4, 2004

'afraid I don't know about the cross-browser thing. We only use IE6 at work. I don't have other browsers available.

--Dave

shetlandbob · Jul 5, 2004

thanks for all the help. It "almost" works the way I require now!!

One final thing is the right click is now disabled (as required) but when the user "hovers" over a picture then they still have the option to save the picture in the top left corner??

Any ideas how I can get rid of this?

BillyRayPreachersSon · Jul 5, 2004

Use:

Code:

<img src="Nic1.bmp" galleryimg="no" />

http://msdn.microsoft.com/library/d...hor/dhtml/reference/properties/galleryimg.asp

Hope this helps,
Dan

ThomasJSmart · Jul 5, 2004

or put

Code:

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

in the head to disable all image download toolbar thingy popups

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

disable right click 2

shetlandbob

Programmer

ThomasJSmart

Programmer

LFI

Programmer

ThomasJSmart

Programmer

LFI

Programmer

shetlandbob

Programmer

BillyRayPreachersSon

Programmer

ThomasJSmart

Programmer

Similar threads

Part and Inventory Search

Sponsor