Lissa Explains it All -- HTML Help and Tutorial for Kids

How do I block my document source? How do I disable the right click? How do I disable all clicks? How do I disable the image toolbar?

How do I make block my document source? This is a really fun script (IE) that was written by Urs Dudli and Peter Gehrig (included here with his permission). When you right click on your document, a small form window pops up telling your visitor that you will e-mail them your source...for a price!

Add this tag to your <head> tag:

// CREDITS:
// Turn source-code-thieves into source-code-buyers
// By Urs Dudli and Peter Gehrig.
// Copyright (c) 1999 Peter Gehrig and Urs Dudli. All rights reserved.
// This script and others available free at http://www.lissaexplains.com
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 1/10/00

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.com on the webpage 
// where this script will be running.

function buttoncheck(e) {
	if (document.all && event.button==2) {
		document.all.orderwindow.style.visibility="visible"
		alert("Please order my HTML-source by email!")
		return false
	}
	if (document.layers && e.which==3) {
		document.orderwindow.visibility="visible"
		alert("Please order my HTML-source by email!")
		return false
	}
}

function sendmail() {
	if (document.all) {
		document.all.orderwindow.style.visibility="hidden"
		document.forms[0].submit()
	}
	if (document.layers) {
		document.orderwindow.visibility="hidden"
		document.orderwindow.document.forms[0].submit()
	}
}

function closewindow() {
	if (document.all) {
		document.all.orderwindow.style.visibility="hidden"
	}
	if (document.layers) {
		document.orderwindow.visibility="hidden"
	}
}

if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=buttoncheck;
// --> 
</script>

Then put this code in the body tag, you can change the table color and the font type. Also you need to change the mailto information to include your email:

<div id="orderwindow" style="position:absolute;top:10px;left:220px;visibility:hidden">
<form action="mailto:you@youraddress.com">
<table width=300 cellpadding=4 cellspacing=0 border=0>
<tr>
	<td COLSPAN=2 ALIGN=center bgcolor=0000AA><FONT face=Verdana size=1 color=FFFFFF><b>Your website is really cool.<br>Please mail me your source-code.</b></font></td>
</tr>
<tr>
	<td align=right bgcolor=0000FF><FONT face=Verdana size=1 color=FFFFFF>lastname:</td>
	<td align=left bgcolor=0000FF><FONT face=Verdana size=1><input type="Text" name="lastname" size="20" maxlength="40"></font></td>
</tr>
<tr>
	<td align=right bgcolor=0000FF><FONT face=Verdana size=1 color=FFFFFF>firstname:</td>
	<td align=left bgcolor=0000FF><FONT face=Verdana size=1><input type="Text" name="firstname" size="20" maxlength="40"></font></td>
</tr>
<tr>
	<td align=right bgcolor=0000FF><FONT face=Verdana size=1 color=FFFFFF>country:</td>
	<td align=left bgcolor=0000FF><FONT face=Verdana size=1><input type="Text" name="country" size="20" maxlength="40"></font></td>
</tr>
<tr>
	<td align=right bgcolor=0000FF><FONT face=Verdana size=1 color=FFFFFF>e-Mail:</td>
	<td align=left bgcolor=0000FF><FONT face=Verdana size=1><input type="Text" name="email" size="20" maxlength="40"></font></td>
</tr>
<tr>
	<td align=right bgcolor=0000FF><FONT face=Verdana size=1 color=FFFFFF><input type="button" value="send request" onClick="sendmail()"></font></td>
	<td align=left bgcolor=0000FF><FONT face=Verdana size=1><input type="button" value="close window" onClick="closewindow()"></font></td>
</tr>
</table>
</div>

How do I disable the right click? The following script will disable the right click on your page (this script is provided here with written permission from the author). 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 only works on the newer browsers, and it's 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. Just copy and paste the following code, and make sure it comes right after your <head> tag:

You can disable the right click without an alert by copying and pasting the following javascript in your <head> tag:

How do I disable all clicks? The following script will disable all clicks on your page. This is not foolproof, of course nothing is ;) Just copy and paste the following code, and make sure it comes right after your <head> tag:

How do I disable the image toolbar? You can disable the toolbar that appears when you right click an image in the IE6 broswer. The toolbar enables people to save your image, copy it etc., and disabling it can be helpful if you don't want people to be able to easily steal your images:

Add this tag to the head section of your site, this will disable the image toolbar for all the images on that page of your site:

<meta http-equiv="imagetoolbar" content="no">

You can disable it for one or more images if you want by adding the following tag to your image:

<img src="yourimage.gif" galleryimg="no">

This Web site is registered with the Library of Congress Copyright Office.