Disable Right Click option on Image
When an image is displayed from other link by using Iframe, the requirement is user not allowed to download or save or copy image by right click option
I am using the code to display (working fine) and disable right click option(not working) as below
Fragment and direct code copy used but not working.
When an image is displayed from other link by using Iframe, the requirement is user not allowed to download or save or copy image by right click option
I am using the code to display (working fine) and disable right click option(not working) as below
Fragment and direct code copy used but not working.
Pegasystems Inc.
US
Hi Suresh, I am not able to understand the javascript fully but here is what I have tried and seems to not display any context menu for right-click on link with image. If you have correctly detected the presence of the link/image element in an iframe then add the following attribute to that element using javascript:
var disableRightClickAtt = document.createAttribute("data-rightclick");
disableRightClickAtt.value = "[]";
linkElement.setAttributeNode(disableRightClickAtt);
Hope this helps!
Evonsys
IN
Thanks Chitra for your reply..... I am using the below HTML code for displaying image where link is referred from property value.
Can you please help me how to include your java script in this section HTML code. I am struggling to include it actually. Really very helpful to me.
Evonsys
IN
Actually below code is working when use IMG instead of IFrame. Thanks..
<script type="text/javascript">
document.onmousedown = disableRightclick;
var message = "Right click not allowed !!";
function disableRightclick(evt){
if(evt.button == 2){
alert(message);
return false;
}
}
</script>
<head> <title>Document Image</title> </head>
<body oncontextmenu="return false;">
<img src = "<pega:reference name=".DocumentLink" mode="normal"/>" width = "1000" height = "300">
</body>
Pegasystems Inc.
US
You could try this in your js and let us if it helps. The inner if condition checks if there is any frame element and right click is on an image
document.onmousedown = disableRightclick;
function disableRightclick(evt){
if(evt.button == 2){
elmClicked = evt.target;
if (null !== elmClicked.ownerDocument.defaultView.frameElement && elmClicked.tagName === "IMG") {
var disableRightClickAtt = document.createAttribute("data-rightclick");
disableRightClickAtt.value = "[]";
elmClicked.setAttributeNode(disableRightClickAtt);
}
}
}
Evonsys
IN
I have another requirement on images to display as slides which is like PDN home page shows some slides of Images on new changes or onclick on Lessthan or Greaterthan symbol should display next screens from external mails.... can you please help me if any code present.