Ebooks for Online Success

FREE scripts

Webmaster are always on the lookout for good scripts to add to their website. Scripts can enhance your webpage and make it easier on your visitors to bookmark your sites, contact you and so much more.

Below are a few scripts I have found very useful on all my sites.

Please copy and paste into a notepad or wordpad document.

Some of the scripts I found on Java Scripts website others came in packages I could sell but wanted to offer them to my visitors instead.

Print this page.

Automatic Print Script

This is a super-easy little script that you can use to form an automatic print-page link on your site. Just insert this script where you want the link to display and your visitors can choose to print the page they are viewing.

<a href='javascript:;' onClick='window.print();return false'>Print this page.</a>

No Right Click

Place this script between the head tags. You can change the wording in Red. Just be aware that these "no right click" type scripts only deter the inexperienced user. There are many ways around them.

Bookmark Page

Paste this snippet in the body of your document where you want the link to appear. Change the script in Red.

<a href="javascript:window.external.AddFavorite('http://www.yoursite.com/', 'My Site Title');">Bookmark This Site!</a>

This script only works for IE5+ browsers

Updating Copyright Notice

This copyright notice palces the current year on the page so that copyright notices are always current. Once it's on your page there is no need to update the script.

Back to Top of Page link

Use this script if you have a long page.

Show users where on your site they currently located

Example: You are here: www.harvestingtheweb.com > JavaScripts.html You are here: > C: > Documents%20and%20Settings > HP_Owner > Local%20Settings > Temp > e > 88786-030417-105434-78.a2k > quick.html

The results you get from a page on your hard drive will obviously be different to those from your web site.

Insert the following code in the body of each document where you want the information to appear. No code changes are necessary.

Copy and paste this script into the body of your document where you want the effect to appear. Then just change the code in RED eg. var message, the typingbasecolor and the typingtextcolor for a great effect. You can also change blinkspeed, fontface and fontsize to further personalise the script. The rest of the script should remain unchanged.

Add a Title Attribute to Text Links

This will popup a small description like that used in "alt" for your graphics.

Bookmark Page

Paste this snippet in the body of your document where you want the link to appear. Change the script in Red.

<a href="javascript:window.external.AddFavorite('http://www.yoursite.com/', 'My Site Title');">Bookmark This Site!</a>

This script only works for IE5+ browsers

Add to Favorites

<Html>

<head>
<title>Close window Button</title>

<SCRIPT LANGUAGE="JavaScript">

/* Do Not Remove the Following Line
This script is provided by Parallel Exchange
For more scripts visit http://www.parallelex.com
*/

var url = "http://webdeveloper.earthweb.com/webjs/";
var title = "JavaScripts.com";
function makelink()
{
if(document.all)
window.external.AddFavorite(url,title)
}

</script>
</head>
<body>

<A HREF="http://webdeveloper.earthweb.com/webjs/" onClick="makelink();" style="text-decoration:none;">
<b><font color="#000080">Add To Favorites</font></b></A>
<br><br><br>

</body>
</html>

Contest Countdown Script

<html>
<head><title>Contest Count-Down (Rev 01.01.2002)</title>
</head>
<body bgcolor="#000000">
<script language = "JavaScript">

</script>
</body>
</html>

Display a New Quote on Your Website Everyday

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Mozilla/4.5 [en] (WinNT; I) [Netscape]">
<script LANGUAGE="JavaScript"></script>
</head>
<body>

<center>
<BR><BR><b><font face="Arial,Helvetica"><font color="#3333FF"><font size=+1>This
script will write a different quote for each day of the year</font></font></font></b>
<p><b>

<SCRIPT LANGUAGE="JavaScript"><!--
// ********************************************************
// To Use this Script, simply change the quotes below
// That's all there is; no code to change.
// NOTE: use a \ before any ' or " characters that are inside
// your quotes
// ********************************************************
var quote = new Array(
// **************************************
// Place Quotes Here, Separated by Commas
// **************************************
"This is day 1",
"This is day 2",
"This is day 3",
"This is day 4",
"This is day 5",
"This is day 6",
"This is day 7",
"This is day 8",
"This is day 9",
"This is day 10",
"This is day 11",
"This is day 12",
"This is day 13",
"This is day 14",
"This is day 15",
"This is day 16",
"This is day 17",
"This is day 18",
"This is day 19",
"This is day 20",
"This is day 21",
"This is day 22",
"This is day 23",
"This is day 24",
"This is day 25",
"This is day 26",
"This is day 27",
"This is day 28",
"This is day 29",
"This is day 30",
"This is day 31",
"This is day 32",
"This is day 33",
"This is day 34",
"This is day 35",
"This is day 36",
"This is day 37",
"This is day 38",
"This is day 39",
"This is day 40",
"This is day 41",
"This is day 42",
"This is day 43",
"This is day 44",
"This is day 45",
"This is day 46",
"This is day 47",
"This is day 48",
"This is day 49",
"This is day 50",
"This is day 51",
"This is day 52",
"This is day 53",
"This is day 54",
"This is day 55",
"This is day 56",
"This is day 57",
"This is day 58",
"This is day 59",
"This is day 60",
"This is day 61",
"This is day 62",
"This is day 63",
"This is day 64",
"This is day 65",
"This is day 66",
"This is day 67",
"This is day 68",
"This is day 69",
"This is day 70",
"This is day 71",
"This is day 72",
"This is day 73",
"This is day 74",
"This is day 75",
"This is day 76",
"This is day 77",
"This is day 78",
"This is day 79",
"This is day 80",
"This is day 81",
"This is day 82",
"This is day 83",
"This is day 84",
"This is day 85",
"This is day 86",
"This is day 87",
"This is day 88",
"This is day 89",
"This is day 90",
"This is day 91",
"This is day 92",
"This is day 93",
"This is day 94",
"This is day 95",
"This is day 96",
"This is day 97",
"This is day 98",
"This is day 99",
"This is day 100",
"This is day 101",
"This is day 102",
"This is day 103",
"This is day 104",
"This is day 105",
"This is day 106",
"This is day 107",
"This is day 108",
"This is day 109",
"This is day 110",
"This is day 111",
"This is day 112",
"This is day 113",
"This is day 114",
"This is day 115",
"This is day 116",
"This is day 117",
"This is day 118",
"This is day 119",
"This is day 120",
"This is day 121",
"This is day 122",
"This is day 123",
"This is day 124",
"This is day 125",
"This is day 126",
"This is day 127",
"This is day 128",
"This is day 129",
"This is day 130",
"This is day 131",
"This is day 132",
"This is day 133",
"This is day 134",
"This is day 135",
"This is day 136",
"This is day 137",
"This is day 138",
"This is day 139",
"This is day 140",
"This is day 141",
"This is day 142",
"This is day 143",
"This is day 144",
"This is day 145",
"This is day 146",
"This is day 147",
"This is day 148",
"This is day 149",
"This is day 150",
"This is day 151",
"This is day 152",
"This is day 153",
"This is day 154",
"This is day 155",
"This is day 156",
"This is day 157",
"This is day 158",
"This is day 159",
"This is day 160",
"This is day 161",
"This is day 162",
"This is day 163",
"This is day 164",
"This is day 165",
"This is day 166",
"This is day 167",
"This is day 168",
"This is day 169",
"This is day 170",
"This is day 171",
"This is day 172",
"This is day 173",
"This is day 174",
"This is day 175",
"This is day 176",
"This is day 177",
"This is day 178",
"This is day 179",
"This is day 180",
"This is day 181",
"This is day 182",
"This is day 183",
"This is day 184",
"This is day 185",
"This is day 186",
"This is day 187",
"This is day 188",
"This is day 189",
"This is day 190",
"This is day 191",
"This is day 192",
"This is day 193",
"This is day 194",
"This is day 195",
"This is day 196",
"This is day 197",
"This is day 198",
"This is day 199",
"This is day 200",
"This is day 201",
"This is day 202",
"This is day 203",
"This is day 204",
"This is day 205",
"This is day 206",
"This is day 207",
"This is day 208",
"This is day 209",
"This is day 210",
"This is day 211",
"This is day 212",
"This is day 213",
"This is day 214",
"This is day 215",
"This is day 216",
"This is day 217",
"This is day 218",
"This is day 219",
"This is day 220",
"This is day 221",
"This is day 222",
"This is day 223",
"This is day 224",
"This is day 225",
"This is day 226",
"This is day 227",
"This is day 228",
"This is day 229",
"This is day 230",
"This is day 231",
"This is day 232",
"This is day 233",
"This is day 234",
"This is day 235",
"This is day 236",
"This is day 237",
"This is day 238",
"This is day 239",
"This is day 240",
"This is day 241",
"This is day 242",
"This is day 243",
"This is day 244",
"This is day 245",
"This is day 246",
"This is day 247",
"This is day 248",
"This is day 249",
"This is day 250",
"This is day 251",
"This is day 252",
"This is day 253",
"This is day 254",
"This is day 255",
"This is day 256",
"This is day 257",
"This is day 258",
"This is day 259",
"This is day 260",
"This is day 261",
"This is day 262",
"This is day 263",
"This is day 264",
"This is day 265",
"This is day 266",
"This is day 267",
"This is day 268",
"This is day 269",
"This is day 270",
"This is day 271",
"This is day 272",
"This is day 273",
"This is day 274",
"This is day 275",
"This is day 276",
"This is day 277",
"This is day 278",
"This is day 279",
"This is day 280",
"This is day 281",
"This is day 282",
"This is day 283",
"This is day 284",
"This is day 285",
"This is day 286",
"This is day 287",
"This is day 288",
"This is day 289",
"This is day 290",
"This is day 291",
"This is day 292",
"This is day 293",
"This is day 294",
"This is day 295",
"This is day 296",
"This is day 297",
"This is day 298",
"This is day 299",
"This is day 300",
"This is day 301",
"This is day 302",
"This is day 303",
"This is day 304",
"This is day 305",
"This is day 306",
"This is day 307",
"This is day 308",
"This is day 309",
"This is day 310",
"This is day 311",
"This is day 312",
"This is day 313",
"This is day 314",
"This is day 315",
"This is day 316",
"This is day 317",
"This is day 318",
"This is day 319",
"This is day 320",
"This is day 321",
"This is day 322",
"This is day 323",
"This is day 324",
"This is day 325",
"This is day 326",
"This is day 327",
"This is day 328",
"This is day 329",
"This is day 330",
"This is day 331",
"This is day 332",
"This is day 333",
"This is day 334",
"This is day 335",
"This is day 336",
"This is day 337",
"This is day 338",
"This is day 339",
"This is day 340",
"This is day 341",
"This is day 342",
"This is day 343",
"This is day 344",
"This is day 345",
"This is day 346",
"This is day 347",
"This is day 348",
"This is day 349",
"This is day 350",
"This is day 351",
"This is day 352",
"This is day 353",
"This is day 354",
"This is day 355",
"This is day 356",
"This is day 357",
"This is day 358",
"This is day 359",
"This is day 360",
"This is day 361",
"This is day 362",
"This is day 363",
"This is day 364",
"This is day 365",
"This is day 366"

// *********************************
// !NOTE: No Comma after last Quote!
// *********************************
);

// *********************************
// Count cumulative days in year and get value from array
// *********************************

var timenow = new Date();
var daycountbymonth = new Array(0,31,59,90,120,151,181,212,243,273,304,334);
var currmonth = timenow.getMonth();
var totaldays = daycountbymonth[currmonth] + timenow.getDate()-1;

// *******************
// Write the Quote Out
// *******************

document.write(quote[totaldays]);

// --></SCRIPT>

</font></font></font></b>
</center>

</body>
</html>

Marquee's

Basic

With Background Color

COLOR
<marquee bgcolor="#xxxxxx">Then your text</marquee>
This sets a background color for your marquee. The #xxxxxx is the hexadecimal number for your color. For some hex color codes, go to my Netscape Color Chart.

Width

WIDTH
<marquee width=n>Then your text</marquee>
This sets the width of the marquee. n is expressed in pixels or % of page width.

Marquee horizontal skinny line

Big Box Scrolling

<div
align="center"> <marquee bgcolor="#000080" scrollamount="2"
direction="up" loop="true" width="35%"> <center>
<font color="#ffffff" size="+1"><strong> THIS
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>
IT IS EASY AND FAST LOADING </strong></font> </center> </marquee></div>

ALTERNATE Scrolling
Example code:

<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>This is an example of an alternating marquee...</MARQUEE></FONT>

SCROLL
Example code:

<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=yellow LOOP=3>This is an example of a scrolling marquee...</MARQUEE></FONT>

Links that jump within the same page:

JUMPS WITHIN THE SAME PAGE
There are two steps that MUST be followed to successfully make a jump.

Insert the target.
Decide where you want the link to jump to. Choose a name to call it. At the exact place where you want to jump to, insert the following tag (where targetname=name you have chosen):
<a name="targetname">Text</a>
For example,
<a name="image"> Using an Image as a Link</a>

Insert the link.
This is the bit you click to take you to the nominated target. Insert the following tag:
<a href="#targetname">Text</a>
For example,
<a href="#image"> Using an Image as a Link</a> will take you further down this page.

Using an Image as a Link

NOTE: You will notice that the codes for the link and the target are very similar - the only differences being a name/a href and "targetname"/"#targetname".

Online Ordering Form

<html>

<head>
<title>online order form</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- ;
<!-- by CJ Jouhal
function format(num)
<!-- function format based on code from Tim Wallace. (Thanx)
{

finished=Math.floor(num)+".";

var base=100*(num-Math.floor(num))+0.5;

finished += Math.floor(base/10);

finished += Math.floor(base%10);

return finished;

}

function subtotal(q,p)
{
stotal=q*p;
return format(stotal);
}

function calctax(current)
{
var st="PA"
var str=document.order.STATE.value.toUpperCase();
if (str.search(st) != -1) rate=0.07
else
rate=0;
tx=rate*(eval(current.Subtotal1.value)+ eval(current.Subtotal2.value)+ eval(current.Subtotal3.value));
document.order.Tax.value=format(tx)
return format(tx);
}

function calcsh(n)
{
if (n<50) return 15
else if (n<100) return 10
else if (n<150) return 5
else return 0;
}

function total(current)
{
  calctax(current);
  sum= eval(current.Subtotal1.value)+
   eval(current.Subtotal2.value)+
   eval(current.Subtotal3.value);
  document.order.SH.value=calcsh(sum);
  sum= sum+
   eval(current.Tax.value)+
   eval(current.SH.value);
  return format(sum);
}
// end hide -->
</SCRIPT>
</head>

<body background="" bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<FONT SIZE="+2"><div align="center">Online Order Form</div></FONT>
<HR WIDTH="95%" ALIGN=CENTER>

<BR><B><FONT COLOR="#CC0000">#</FONT></B>
Fields must be filled up for submission
<BR><SCRIPT language="JavaScript">

</SCRIPT>
<BR><FORM enctype="plain/text"
name="order"
onsubmit="return check_form()">

<P><INPUT type="text" size="15" name="FNAME" cols="15"><B> First Name
<FONT COLOR="#CC0000">#</FONT></B>
<BR><INPUT type="text" size="15" name="LNAME" cols="15">
<B> Last Name <FONT COLOR="#CC0000">#</FONT></B>
<BR><INPUT type="text" size="20" name="EMAIL" cols="30"> Email Address
<BR><INPUT type="text" size="15" name="ADDRESS1" cols="25">
<B> Address Line1 <FONT COLOR="#CC0000">#</FONT></B>
<BR><INPUT type="text" size="15" name="ADDRESS2" cols="25">
<B> Address Line2 </B>
<BR><INPUT type="text" size="15" name="CITY" cols="15">
<B> City <FONT COLOR="#CC0000"># </FONT></B>
<br><INPUT type="text" size="2" name="STATE" cols="2">
<B> State <FONT COLOR="#CC0000"># </FONT>
</B><INPUT type="text" size="10" name="ZIP" cols="10">
<B> Zip <FONT COLOR="#CC0000">#</FONT></B>
<BR><INPUT type="text" size="3" name="PHAREACODE" cols="3">
<INPUT type="text" size="8" name="PHONE" cols="8">
<B> Daytime Phone <FONT COLOR="#CC0000"># </FONT></B>
<table bgcolor="#808080" border=5>
<tr>
  <td align=center COLSPAN=4>
   <b>Simple Order Form Via Email Submission</b>
  </td>
</tr>
<tr>
  <td align=center>
   <b>Item Name</b>
  </td>
  <td align=center>
   Qty
  </td>
  <td align=center>
   @Price
  </td>
  <td align=center>
   SubTotal
  </td>
</tr>
<tr>
  <td align=center>
   <b><INPUT TYPE="text" NAME="Item1" SIZE="40" MAXLENGTH="80" VALUE="Item1 Name goes here">
</b>
  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Quantity1" SIZE="5" MAXLENGTH="5" VALUE="0" onChange="order.Subtotal1.value=subtotal(eval(order.Quantity1.value),eval(order.Price1.value));">
  </td>
  <td align=center>
   @
<INPUT TYPE="hidden" NAME="Price1" SIZE="5" MAXLENGTH="5" VALUE="99">
<SCRIPT LANGUAGE="JavaScript">
<!-- ;

document.write(document.order.Price1.value);

// end hide -->
</SCRIPT>

  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Subtotal1" SIZE="8" MAXLENGTH="8" VALUE="0">
  </td>
</tr>
<tr>
  <td align=center>
   <b><INPUT TYPE="text" NAME="Item2" SIZE="40" MAXLENGTH="80" VALUE="Item2 Name goes here">
</b>
  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Quantity2" SIZE="5" MAXLENGTH="5" VALUE="0" onChange="order.Subtotal2.value=subtotal(eval(order.Quantity2.value),eval(order.Price2.value));">
  </td>
  <td align=center>
   @
<INPUT TYPE="hidden" NAME="Price2" SIZE="5" MAXLENGTH="5" VALUE="9.99">
<SCRIPT LANGUAGE="JavaScript">
<!-- ;

document.write(document.order.Price2.value);

// end hide -->
</SCRIPT>

</td>
  <td align=center>
   <INPUT TYPE="text" NAME="Subtotal2" SIZE="8" MAXLENGTH="8" VALUE="0">
  </td>
</tr>
<tr>
  <td align=center>
   <b><INPUT TYPE="text" NAME="Item3" SIZE="40" MAXLENGTH="80" VALUE="Item3 Name goes here">
</b>
  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Quantity3" SIZE="5" MAXLENGTH="5" VALUE="0" onChange="order.Subtotal3.value=subtotal(eval(order.Quantity3.value),eval(order.Price3.value));">
  </td>
  <td align=center>
   @
<INPUT TYPE="hidden" NAME="Price3" SIZE="5" MAXLENGTH="5" VALUE="21.99">
<SCRIPT LANGUAGE="JavaScript">
<!-- ;

document.write(document.order.Price3.value);

// end hide -->
</SCRIPT>

  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Subtotal3" SIZE="8" MAXLENGTH="7" VALUE="0">

  </td>
</tr>
<tr>
  <td align=center>
   <b>Sales Tax:</b>
  </td>
  <td align=center>
   Sales Tax will be computed automatically for Residents in:
  </td>
  <td align=center>
         PA
  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="Tax" SIZE="7" MAXLENGTH="7" VALUE="0">

  </td>
</tr>
<tr>
  <td align=center>
   <b>Shipping&Handling:</b>
  </td>
  <td align=center>
             If subtotal is 1-49=$15, 50-99=$10, 100-149=$5, >150=free!
  </td>
  <td align=center>

  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="SH" SIZE="5" MAXLENGTH="5" VALUE="15">
  </td>
</tr>
<tr>
  <td align=center>
   <b>TOTAL:</b>
  </td>
  <td align=center>
   <INPUT TYPE="button" VALUE="Click to Total Order" onClick="order.totaltxt.value='$'+total(this.form);">
  </td>
  <td align=center>

  </td>
  <td align=center>
   <INPUT TYPE="text" NAME="totaltxt" SIZE="10" MAXLENGTH="30" VALUE="0">