Handy
Hint : There
are numerous ways to secure and protect your web site from those
who want to steal your content or images. Firstly you can add
a no right click code for images. Next adding a no right click
javascript to protect your HTML and disabling copy and paste will
also go a long way to help website security.
Secure your website with JavaScript, NO RIGHT CLICK for Images
Have you ever worked really hard on graphics for your site only to find later that someone has stolen them as their own. You can help encrypt and protect your site with the following HTML codes. No right click block is 100% effective, but they will help against novices.
Use the script below so when someone right clicks to save an image off your page, a message will come up letting people know that your information is copyrighted.
This script may not work in all browsers, and is not foolproof. If someone really wants something from your page they can find ways around it, but at least it's a warning to people who want to take your graphics. But it certainly is a great start.
Copy and paste the following code, and make sure it comes right after your <HEAD> tag:
<script language=JavaScript> var message="Function Disabled!"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script>
If you don't like using javascript, you can always use a span tag to position a transparent gif over the top of the image like the example code below. Don't forget, you will need to create a transparent.gif to implement this method.
<span style="background-image: url(images/my_image.jpg)"><img src="images/transparent.gif" width="200" height="150" border="0" alt="Protected Image."></span>
"NO RIGHT CLICK" for Source
Here is a handy little
script which will not only protect your images from right clicking, but
your whole page. Remember this only stops some visitors from viewing your
source. There are ways around it and if someone really wants to view your
source they may find a way. There is another trick below to protect your
source code, so keep reading.
<script language=JavaScript> var message="Function Disabled!"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script>
Disable Copy and
Paste for greater website security.
One
of the most popular questions I recieve here at Hypergurl is "How do you
stop visitors from stealing your webpage information?"
Below
is a little trick that will stop your visitors from copying and pasting
your webpage information. Anyone with experience may know a way around
this trick. However it will make it hard enough to discourage them and
get them moving on to easier targets.
Add
the following html code to your BODY tag:
Here
is how your BODY tag may look once implimented:
<body
bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false">
ondragstart="return false" onselectstart="return false"
Make
Your Source Code Vanish.
Now before I show
you this last trick to protect your source, I would like you to first
view my source. Just click "View" then choose "Source"
How did I do that?
Place your cursor
in front of the opening <html> tag and hit your enter button for
a while. It will push your source code out of view and this will fool
the fools. *smiles*
|