Lizzie's Script Help

Protecting Your Web Pages

I thought that I would post this page in the hopes of helping you to be successful with meeting the ever growing list of scripting needed to protect your adoption pages and getting them installed correctly. I have a few adoption requests that I can't fill because there are no scripts installed or they are installed incorrectly. I decided to put the scripts in one place as well as providing a couple of tips that might help.

I don't have any scripts installed on this iframe page, because there are no graphics to protect and it will make it easier to copy the information from the textarea boxes.

You can either highlight all the text in the textarea box with your mouse, right click, select copy and then paste the text; Or you can place you mouse in the textarea box, press control + A, to highlight the text, press control + C, to copy the text, then control + V, to paste the text.

The first thing to remember is: These scripts must be installed on every page where they are required. This means that if you have a website using frames or iframes, that each frame and/or iframe page must also have these scripts on them. I notice that several sites have the scripts on their main pages but do not have them installed on the pages that are linked to a frame or iframe.

The second thing to remember is: I highly recommend testing your pages to see that all these functions are disabled!

Here are The 3 Scripts That you MUST have!!

I require the first 3 scripts be installed on all pages where adoptions are displayed. The other two scripts are added here just for your information in case you are interested in them.

No Right Click:

Directions: Simply add the following code between the <BODY> and </BODY> tags of your web page:

Disable Image Toolbar:

Directions: Insert the following META tag between the <head> and </head> tags of your page. Doing so will disable the toolbar for all images on the page:

Disable Drop and Drag Meta Tag:

Directions: Insert the following META tag between the <head> and </head> tags of your page. Doing so will not allow your graphics to be saved by dragging to the desktop:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

A COUPLE OF EXTRA TIPS AND SCRIPTS FOR YOU!

No Text Select:

*The No Text Select Script is not required by all adoption sites, but may be required by some shops. I DO NOT REQUIRE this script but it is here for your information.

Directions: Insert the following between the <head> and </head> tags of your page. Doing so will disable the ability to highlight and copy text from your web page.

Something I've Noticed. :o) I have noticed that some graphic artists are requiring that web pages where their graphics are used have the meta tag installed that prevents Search Engines from spidering web pages for graphics. Google as you know has an image search just for finding images. I DO NOT REQUIRE this meta tag, but it is here for your information. It is another easy one.

No Follow Meta Tag:

Directions: Insert the following META tag into the <head> section of your page. Doing so will disable Google's ability to find find graphics for their image search function:

All the scripts shown above with the EXCEPTION of the "No Right Click Script" are to be added between the <head> and </head> tags on your pages.

I have my head tag saved in "Notepad" so that I always have it handy and it is easy to copy to the <head> section of my web page.

**NOW HERE IS SOMETHING REALLY COOL! THAT MAY MAKE THINGS EASIER. I found out something while I was reorganizing my web site this last time. It is a simple piece of code that you add to the end of your "body style" line code. The "body style " line code usually has the code describing your background image, font colors for you links, text, etc. My line looks something like this for some of my pages:

The part of the above line that we are interested in is the section with these words: oncontextmenu="return false" onselectstart="return false" ondragstart="return false" . If you add this code to the end of your body style line, you DO NOT need to insert the DISABLE DROP AND DRAG meta tag or the DISABLE IMAGE TOOLBAR meta tag. Also, if you like to use the NO TEXT SELECT code, you will not have to insert the additional code for that either!!! It works and I really like it. Most of you have probably known this for a long time, but I just found it out this weekend (November 13, 2005).

oncontextmenu="return false" onselectstart="return false" ondragstart="return false"

I know that it might look a little overwhelming, but it doesn't take very long to install your scripts and once they are installed, you don't have to worry about it! I hope that this information has been of some help to you. If you have any questions or problems, don't hesitate at all to email me! I will be glad to help if I can.

All the scripting information on this page is courtesy of Dynamic Drive!