PrinceG Code Box

Make your own free website on Tripod.com

JAVASCRIPT CODES

Instructions:

.
If you want to save the source as a file you will have to cut and paste to a text editor.

Flashing Table Border Script

<table border="0" width="280" id="myexample" style="border:5px solid green">
<tr>
<td>Insert anything you want into this table.<br>Insert anything you want into this table.<br>Insert anything you want into this table.<br></td>
</tr>
</table>
<script language="JavaScript1.2">
<!--

/*
Flashing Table Border Script- © Dynamic Drive (www.dynamicdrive.com)
Visit http://www.dynamicdrive.com for this script
Credit must stay intact for use
*/

//configure interval btw flash (1000=1 second)
var speed=500

function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("green")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
</script>

contractible headers

FF1+ IE5+ Opr7+ Contractible Headers Script

<head> <script type="text/javascript"> /*********************************************** * Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for legal use. Last updated Mar 23rd, 2004. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off) var collapseprevious="no" //Collapse previously open content when opening present? (yes/no) if (document.getElementById){ document.write('<style type="text/css">') document.write('.switchcontent{display:none;}') document.write('</style>') } function getElementbyClass(classname){ ccollect=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) ccollect[inc++]=alltags[i] } } function contractcontent(omit){ var inc=0 while (ccollect[inc]){ if (ccollect[inc].id!=omit) ccollect[inc].style.display="none" inc++ } } function expandcontent(cid){ if (typeof ccollect!="undefined"){ if (collapseprevious=="yes") contractcontent(cid) document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none" } } function revivecontent(){ contractcontent("omitnothing") selectedItem=getselectedItem() selectedComponents=selectedItem.split("|") for (i=0; i<selectedComponents.length-1; i++) document.getElementById(selectedComponents[i]).style.display="block" } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function getselectedItem(){ if (get_cookie(window.location.pathname) != ""){ selectedItem=get_cookie(window.location.pathname) return selectedItem } else return "" } function saveswitchstate(){ var inc=0, selectedItem="" while (ccollect[inc]){ if (ccollect[inc].style.display=="block") selectedItem+=ccollect[inc].id+"|" inc++ } document.cookie=window.location.pathname+"="+selectedItem } function do_onload(){ uniqueidn=window.location.pathname+"firsttimeload" getElementbyClass("switchcontent") if (enablepersist=="on" && typeof ccollect!="undefined"){ document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load if (!firsttimeload) revivecontent() } } if (window.addEventListener) window.addEventListener("load", do_onload, false) else if (window.attachEvent) window.attachEvent("onload", do_onload) else if (document.getElementById) window.onload=do_onload if (enablepersist=="on" && document.getElementById) window.onunload=saveswitchstate </script> </HEAD. <BODY> <h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">What is JavaScript?</h3> <div id="sc1" class="switchcontent"> JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer. </div> <h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">Difference betwen Java & JavaScript?</h3> <div id="sc2" class="switchcontent"> Java is completely different from JavaScript- the former is a compiled language while the later is a scripting language. </div> <h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">What is DHTML?</h3> <div id="sc3" class="switchcontent"> DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience. </div>
NOT RIGHT CLICK HERE

FF1+ IE5+ Opr7+
<script type="text/javascript">  </script>
IP ADDRESS

<script language="javascript"> var ip = '38.107.179.219' if (ip == '206.186.23.178') { alert("STOP! You are viewing this page from an IP address that is not allowed!"); alert("Why can't you guys just leave me alone?"); if (confirm("Do you want to leave peacefully? Or will I have to help you?")) {location.href="http://www.yahoo.com" } else { ("OK you choose I don't care! Bye bye! Don't come back!"); {location.href="http://www.yahoo.com" }} } </script>
CALCULATOR(R) V1.2

FF1+ IE5+ Opr7+
[an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] </script> <script language-="JavaScript">  </script> </HEAD> <BODY> <script language="Javascript"> var mem = '0'; function calc() { document.calculator.display.value= eval(document.calculator.display.value); return true } function perc() { document.calculator.display.value= eval(document.calculator.display.value)/100; return true } function deleteChar() { document.calculator.display.value = document.calculator.display.value.substring(0, document.calculator.display.value.length - 1) } function Clear() { currentoperation=""; } </script> <title>BetterCalculator Version 1.2</title> <table width="20%" cellpadding="1" bgcolor="#999999" border="2" bordercolordark="#333399" bordercolorlight="#0033FF"> <td valign=top align=center> <table style="border: 1px solid ivory"> <FORM name="calculator"> <td><center> <font face="Verdana, Helvetica, Sans-serif"> <a href="http://www.bettercalculator.com" target=_blank><font color="#ffffff" size= "1">BetterCalculator 1.2</font></a> </td> </tr> <tr><td><input style="font-size: 12px;color=000000;background=cccccc;" type="text" value="" name="display" value="input" size="24"><br> </td></tr> </table></style> <table bgcolor="#8b8b83" border="1" bordercolordark="#EEEEE0" bordercolorlight="#FFFFF0"> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="7" style="cursor:pointer;cursor:hand"onmousedown=what('7'); onmouseup="calculator.display.value+='7';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="8" style="cursor:pointer;cursor:hand"onmousedown=what('8'); onmouseup="calculator.display.value+='8';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="9" style="cursor:pointer;cursor:hand"onmousedown=what('9'); onmouseup="calculator.display.value+='9';" ></td> <td><input style="font-size:13pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="x" style="cursor:pointer;cursor:hand"onmousedown=what('x'); onclick="calculator.display.value+='*';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="4" style="cursor:pointer;cursor:hand"onmousedown=what('4'); onmouseup="calculator.display.value+='4';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="5" style="cursor:pointer;cursor:hand"onmousedown=what('5'); onmouseup="calculator.display.value+='5';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="6" style="cursor:pointer;cursor:hand"onmousedown=what('6'); onmouseup="calculator.display.value+='6';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="÷" style="cursor:pointer;cursor:hand"onmousedown=what('/'); onclick="calculator.display.value+='/';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="1" style="cursor:pointer;cursor:hand"onmousedown=what('1'); onmouseup="calculator.display.value+='1';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="2" style="cursor:pointer;cursor:hand"onmousedown=what('2'); onmouseup="calculator.display.value+='2';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="3" style="cursor:pointer;cursor:hand"onmousedown=what('3'); onmouseup="calculator.display.value+='3';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="-" style="cursor:pointer;cursor:hand"onmousedown=what('-'); onclick="calculator.display.value+='-';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="0" style="cursor:pointer;cursor:hand"onmousedown=what('0'); onmouseup="calculator.display.value+='0';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="00" style="cursor:pointer;cursor:hand"onmousedown=what('DZ'); onmouseup="calculator.display.value+='00';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="•" style="cursor:pointer;cursor:hand"onmousedown=what('.'); onclick="calculator.display.value+='.';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="+" style="cursor:pointer;cursor:hand"onmousedown=what('+'); onclick="calculator.display.value+='+';"></td> </tr> <tr> <td><input style="font-size:10pt; height: 24px; width: 24px;color=ffffff;background=999999;" type="button" value="%" style="cursor:pointer;cursor:hand"onmousedown=what('%'); onclick="perc()"></td> <td><input style="font-size:7pt; height: 24px; width: 24px;color=ffffff;background=999999;" type="button" value="Del" style="cursor:pointer;cursor:hand"onmousedown=what('Del'); onmouseup="deleteChar(calculator.display.value)"></td> <td><input style="font-size:12pt; height: 24px; width: 24px;color=000000;background=eead0e;" type="button" value="C" style="cursor:pointer;cursor:hand"onmousedown=what('c'); onclick="calculator.display.value='';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="=" style="cursor:pointer;cursor:hand"onmousedown=what('eq'); onclick="calc()"></td> </tr> </table> <center> <table width="20%" cellpadding="0" bgcolor="#228B22" border="1"> <td><input style="font-size:9pt; height: 20px; width: 20px;color=ffffff;background=228B22;" type="button" value="M" style="cursor:pointer;cursor:hand"onmousedown=what('M'); onclick="mem.value=calculator.display.value;"></td> <td><input style="font-size:9pt; height: 20px; width: 22px;color=ffffff;background=228B22;" type="button" value="M+" style="cursor:pointer;cursor:hand"onmousedown=what('M+'); onmouseup="mem.value=eval(mem.value)+eval(calculator.display.value);"></td> <td><input style="font-size:9pt; height: 20px; width: 21px;color=ffffff;background=228B22;" type="button" value="M-" style="cursor:pointer;cursor:hand"onmousedown=what('M-'); onmouseup="mem.value=eval(mem.value)-eval(calculator.display.value);"></td> <td><input style="font-size:9pt; height: 20px; width: 25px;color=ffffff;background=228B22;" type="button" value="MR" style="cursor:pointer;cursor:hand"onmousedown=what('MR'); onclick="calculator.display.value=calculator.display.value+'('+(mem.value)+')'"></td> <td><input style="font-size:9pt; height: 20px; width: 25px;color=000000;background=eead0e;" type="button" value="MC" style="cursor:pointer;cursor:hand"onmousedown=what('MC'); onclick="mem.value='0';"></td> </tr> </table> <center> <TABLE BORDER=0> <form name="mem"> <table> <td valign=top align=center><font size=2 color=000000><input style="font-size: 12px;color=000000;background=cccccc;" type="text" value="0" name="mem" size="22"></font> </td> </tr> </table> <p align=center> <input style="font-size:6pt; height: 19px; width: 34px;color=ffffff;background=8b658b;" type="button" value="Help" style="cursor:help"onmousedown=what('H'); onclick="alert('BetterCalculator 1.2 is freeware Javascript. You may save the code to your computer or Web site as long as you do not change anything.\n\nRight click on any button for a description and help with that function. Left click to push a button or key.\n\n\For instructions on how to add this Calculator to your desktop and info on more advanced versions of BetterCalculator featuring 2 manipulative MEMORY screens, a copy/printable RECORD screen, plus much more. Go to http://BetterCalculator.com \n\n\Thank you\n\n\Jim Anderson \n');"> <input style="font-size:6pt; height: 19px; width: 54px;color=ffffff;background=8b658b;" type="button" value="Window" style="cursor:pointer;cursor:hand"onmousedown=what('NW'); onclick="open_Calc('http://www.java-scripts.net','','170','344','')"> </form></table></form>
Blocking JavaScript Errors

Place this simple script in the head of the page to block JavaScript errors
Blocking JavaScript Errors Place this simple script in the head of the page to block JavaScript errors in the page. We've found this useful with page material from sources other than our own that may contain errors (ad banners, automated news feeds, etc.). <script language="JavaScript"> // Source: CodeFoot.com function blockError(){return true;} window.onerror = blockError; </script>
Bookmark This Page

Automatically opens the Favorites dialog in IE browsers
============================================================ Bookmark This Page Script Automatically opens the Favorites dialog in IE browsers to bookmark your page on the visitor's favorites list. Degrades gracefully for NS and other browsers. Script: Bookmark This Page Script Functions: In IE browsers, the script automatically opens the dialog to add your bookmark to the visitor's favorites. In other browsers, the message in the txt variable is shown. Update 07-03-01: see tech note at end to use an image instead of text for the link. Browsers: IE 4.0 and later (degrades gracefully in others) Author: etLux ============================================================ Put the following script in the body of your page. Set the font with tags around the script as shown. <font color="#000000" size="2" face="Arial"> <script> // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // message to show in non-IE browsers var txt = "Bookmark Us!" // url you wish to have bookmarked var url = "http://www.codelifter.com"; // caption to appear with bookmark var who = "CodeLifter.com Software and Scripts" // do not edit below this line // =========================== var ver = navigator.appName var num = parseInt(navigator.appVersion) if ((ver == "Microsoft Internet Explorer")&&(num >= 4)) { document.write('<A HREF="javascript:window.external.AddFavorite(url,who);" '); document.write('onMouseOver=" window.status=') document.write("txt; return true ") document.write('"onMouseOut=" window.status=') document.write("' '; return true ") document.write('">'+ txt + '</a>') }else{ txt += " (Ctrl+D)" document.write(txt) } </script> </font> ============================================================ Addendum: Using an Image instead of Text for the Link. You can use an image instead of the text for this link by using the following in the txt variable: var txt = "<img src='some.gif' width='100' height='30' border='0'>" Use an image name (and full http:// path if needed) as shown above. Take special care to use single quotes where shown! ============================================================
High-Lighting Form Text On Mouse-Click

========================================== High-Lighting Form Text On Mouse-Click This simple script set shows how to highlight (select) the text in a form's textarea by clicking on a link. Useful for code listings, order form information, or other material the visitor may wish to copy to the clipboard with Control+C. . HIGHLIGHTING FORM TEXTAREAS ON MOUSE CLICK ========================================== Copyright 2001 by www.CodeBelly.com Do *not* remove this notice. ============= INSTRUCTIONS: ============= Insert the scripts below in the page as noted. No changes are needed. Read through the General Rules for an under- standing of the requirements. For multiple instances, change the function name, the form name, and the textarea name for each case. General Rules: 1. The FORM must have a NAME="something" as shown in the HTML for the form (below, see NAME="TheForm"). 2. The TEXTAREA must have a NAME="something" as shown in the HTML for the form (below, see NAME="TheText"). 3. The names used in the form must agree with those used in the JavaScript script. See: document.TheForm.TheText.focus(); document.TheForm.TheText.select(); 4. You can set the text to wrap by setting wrap="on" (or set it not to wrap with wrap="off") in the textarea tag. ============ THE SCRIPTS: ============ Step One - The JavaScript Header Script --------------------------------------- Put the following script in the head of the page. The form name and textarea name in the document reference in the script must conform to the names used in the form in the body of the page. <script> // Copyright 2001 by www.CodeBelly.com // Do *not* remove this notice. function selectText(){ document.TheForm.TheText.focus(); document.TheForm.TheText.select(); } </script> Step Two - The Link That Selects The Text ----------------------------------------- Use the following code for a link which, when clicked, will select the text in the textarea. <a href="javascript:selectText()">Click to Select</a> Step Three - The Form and Its Textarea -------------------------------------- Put the following form in the <body> of the page where you wish the textarea to appear. Alter the text as needed. Remember that the form name and textarea name must agree in the form and in the script. <form NAME="TheForm"> <textarea rows="12" cols="62" NAME="TheText" wrap="off"> This is the text in the textarea. Change it to suit.
Invoking The SaveAs Dialog From A Web Page

Visitors can save a web page from a link using this script. IE4+
INFORMATION: ============ Invoking The SaveAs Dialog From A Web Page Visitors can save a web page from a link using this script. IE4+ browsers provide a document.execCommand that can call certain system dialogs. This script demonstrates calling the SaveAs dialog to save the page. The script includes onload interlocking and alternate alert messaging for non-IE browsers. . IE4+ browsers provide a document.execCommand() that can call certain system dialogs. This script demonstrates calling the SaveAs dialog to save a web page. The script includes onload interlocking and alternate alert messaging for non-IE browsers. INSTRUCTIONS: ============= Step 1.: The Script ------------------- Insert the following script in the head of the page: <script language="JavaScript"> // Source: CodeFoot.com // Please leave in this header. var isReady = false; function doSaveAs(){ if (document.execCommand){ if (isReady){document.execCommand("SaveAs");} }else{ alert('Feature available only in Internet Exlorer 4.0 and later.'); } } </script> Step 2.: The Body Tag Interlock ------------------------------- Include the following onload event call in the body tag. This stops the script from functioning until the page is fully loaded. <body onload="isReady=true"> Step 3.: The Link ----------------- To call the script from the page and activate the SaveAs dialog, insert a link in the page like this: <a href="javascript:doSaveAs()"> Click Here To Save This Page </a>
Basic No-Right-Click Script

Blocks right-click on mouse but does *not* show an alert box
============================================================ Script: Basic No-Right-Click Script Functions: Blocks right-click on mouse but does *not* show an alert box or message. Browsers: All (4.X and later) Author: etLux ============================================================ Put the following script in the head of your page: <script language="Javascript1.2"> // (C) 2004 CodeLifter.com function nrcIE(){ if (document.all){return false;}} function nrcNS(e){ if(document.layers||(document.getElementById&&!document.all)){ if (e.which==2||e.which==3){ return false;}}} if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=nrcNS; }else{document.onmouseup=nrcNS;document.oncontextmenu=nrcIE;} document.oncontextmenu=new Function("return false"); </script> ============================================================
Disabling The MyImage Toolbar in IE6+

INFORMATION: ============ IE6+ incorporates a new feature called the MyImage Toolbar, which, if enabled on Tools > Internet Options > Advanced > Enable Image Toolbar, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image in a page. This technical note shows how to disable or enable this feature. INSTRUCTIONS: ============= Method One: ----------- If you do NOT want an image to show the toolbar, then use GALLERYIMG="no" in the img tag, like this: <img src="image.jpg" width="140" height="140" GALLERYIMG="no"> If you DO want an image to show the toolbar, then use GALLERYIMG="yes" in the img tag, like this: <img src="image.jpg" width="140" height="140" GALLERYIMG="yes"> Method Two: ----------- You can also disable the MyImage toolbar via a META. Place the following meta tag in the head of your page: <META HTTP-EQUIV="imagetoolbar" CONTENT="no">
Adding A Background Image To A TextArea

This is a simple one, and it works well in both IE and NS6+
INSTRUCTIONS: ============= This is a simple one, and it works well in both IE and NS6+ (degrades gracefully in older browsers). Just place the style script below in the head of your page. Change the image to your own, and set the text color with the color attribute. Here's the style script, just as we have it in this page: <style> textarea{ background-image:url(blue_saturn.jpg); color:ff0000; } </style>

Instant Interactive Menu Links Script

============================================================ Script: Instant Interactive Menu Links Script Functions: Creates links with over- and under-lines that move from side to side on mouseOver; features: - hot color settable - cold color settable - degree of motion settable - well-behaved inside of layouts Browsers: IE4-6, NS6 Degrades gracefully in older browsers Author: etLux ============================================================ Step 1. Put the following script in the head of your page. Set the variables for link hot and cold colors and the motion. <script> // ======================================= // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // Set the coldColor for the link normal color // Set the hotColor for the link mouseOver color // Set the motionPix for how many pixels to move var coldColor = "#FF0000" var hotColor = "#00FF00" var motionPix = "7" // do not edit below this line // ====================================== var a='<style>'+ 'A.InstantLink:link {'+ ' color:'+coldColor+';'+ ' text-decoration:none;'+ ' padding:0 '+motionPix+' 0 0;'+ ' }'+ 'A.InstantLink:visited {'+ ' color:'+coldColor+';'+ ' text-decoration:none;'+ ' padding:0 '+motionPix+' 0 0;}'+ 'A.InstantLink:active {'+ ' color:'+coldColor+';'+ ' text-decoration:none;'+ ' padding:0 '+motionPix+' 0 0;'+ ' }'+ 'A.InstantLink:hover {'+ ' color:'+hotColor+';'+ ' text-decoration:underline overline;'+ ' padding:0 0 0 '+motionPix+';'+ ' }'+ '</style>' if (document.all || document.getElementById){ document.write(a) } </script> ============================================================ Step 2. To attach the interactive motion to any link, all you need to do is insert a class="InstantLink" into the <a href>. For example: <a class="InstantLink" href="http://address.com">click</a> Other than that, just build your horizontal or vertical menu or link list as you normally would. (You can also use this for in-line links, too, of course.) Many scripts of this kind 'blow the layout'. However, in this script, because the padding is switched back and forth from the beginning to the end of the text string when the mouse moves on and off the link, your overall layout should remain static and well behaved. Be certain, however, to leave adequate width! If you make a table containing a list of links, for instance, that is too narrow for the width of the strings, you may see irregular results. ============================================================ Sample Code... Here's the actual code from our page (above) showing this technique used inside a couple of nested tables along with some image spacers to dress out the layout. <table border="0" cellpadding="1" cellspacing="0" bgcolor="#6E6650"> <tr> <td> <table border="0" cellpadding="7" cellspacing="0" bgcolor="#141414"> <tr> <td bgcolor="#141414"> <font face="Arial" size="2" color="#FEDCBA"> <a class="InstantLink" href="http://www.codebrain.com">Thing One</a><br> <img src="spacer.gif" width="5" height="5"><br> <a class="InstantLink" href="http://www.codebrain.com">Thing Two</a><br> <img src="spacer.gif" width="5" height="5"><br> <a class="InstantLink" href="http://www.codebrain.com">Thing Three</a><br> <img src="spacer.gif" width="5" height="5"><br> <a class="InstantLink" href="http://www.codebrain.com">Thing Four</a><br> <img src="spacer.gif" width="5" height="5"><br> <a class="InstantLink" href="http://www.codebrain.com">Thing Five</a><br> <img src="spacer.gif" width="5" height="5"><br> <a class="InstantLink" href="http://www.codebrain.com">Thing Six</a><br> </font> </td> </tr> </table> </td> </tr> </table> ============================================================
Page Border & Scrollbar color

<HTML> <body style="border: 10 ridge #F73100; padding-left: 3; padding-right: 0; padding-top: 0; padding-bottom: 0" link="#FF0000" BGCOLOR=CC0000> <CENTER> <a href="link.htm" onMouseOver="body.style.scrollbarBaseColor='WHITE'">Link Text</a> </CENTER> </body>
Google Search Engine

 <FORM method=GET action=http://www.google.com/custom> <TABLE bgcolor=#FFFFFF cellspacing=0 border=0> <tr valign=top> <td> <INPUT TYPE=text name=q size=31 maxlength=155 value=""> <INPUT type=submit name=sa VALUE="Search"> <INPUT type=hidden name=cof VALUE="L:http://www.yoursite.com/images/logo...2a338c6a5be73d;"> </td></tr></TABLE> </FORM> 
Hidden Scrollbars

   <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <div align="center"> <form> <input type="button" value="hidden scrollbars" onclick="hidden()"><br> <input type="button" value="unhidden scrollbars" onclick="unhidden()"> </form> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Cool Textbox Scroller

Try this out!
The message just keeps repeating.
Use it for announcements, news and other items!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> </HEAD>  <BODY onLoad="mainTextScroller()">  <form name="mainForm"> <center> <input type="text" name="mainTextScroller" size="40" value> </center> </form> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Disabling The MyImage Toolbar in IE6+