FREE JavaScripts

<!-- A Script that types in a box that looks like notepad very cool

The speed of the typing can be adjusted by raising 
       or lowering the number in the setTimeout function. 
-->

function makeArray() 
{
  this.length = makeArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = makeArray.arguments[i]
}

var fArray = new makeArray;
fArray[0]="Message 1 goes here. "
fArray[1]="Message 2 goes here. "
fArray[2]="Message 3 goes here. "
fArray[3]="Message 4 goes here. "

var x = 1;
var y = 0;
var msg1 = fArray[y];

function newsFeed() 
{
  if (x==msg1.length+1) 
  {
    for (var z=0; z < 7000; z++);
    y+=1;
    if (y > 3) y=0;
    document.form1.news2.value=' ';
    msg1 = fArray[y];
    x=0;
  }
  document.form1.news2.value=msg1.substring(0,x);  
  x+=1;
  setTimeout("newsFeed() ",1);
}
</script>

QUICK SURVEY

<!--   DESCRIPTION:  This will ask the user if they want to fill out a survey.  If they do, they fill out the input boxes, then hit submit.  If they don't, they get a link to go to your page.

INSTRUCTIONS:  Place this script as the .html file.  The USER will then be 
redirected to your site.  Be sure to change the values below of the webpage and 
of your e-mail address.  VERY IMPORTANT!!!!

FUNCTIONALITY: Works in both Netscape and IE.
-->
<SCRIPT LANGUAGE="JavaScript">

ccsurvey=window.confirm ("Do you want to fill out a quick survey?")

if (ccsurvey==true) {

var name = prompt ('Please tell us your name','');

var age = prompt ('How old are you','');

var email = prompt ('What is your email address?','');

document.write("<FORM ACTION=http://www.cgi-free.com/mailer.cgi?youremail@yourprovider.com;http://www.yourpage.com method=post>")

document.write("<input type=hidden name=name value='" +name+"'>")

document.write("<input type=hidden name=age value='" +age+"'>")

document.write("<input type=hidden name=email value='" +email+"'>")

document.write("<CENTER>Please press <input type=submit name=sent value=SUBMIT> to send your information.</CENTER><P><HR>")

document.write("</FORM>")
window.alert ('Thanks for filling out our survey.  Please press the [Submit] button.');

} else {
window.alert ("Ok...be that way.");
document.write("<CENTER><FONT SIZE=7><A HREF=http://webmasters.orgfree.com/>CLICK HERE</A></FONT></CENTER>")
}
//-->
</SCRIPT>

POST IT

#postit{
position:absolute;
width:250;
padding:5px;
background-color:lightyellow;
border:1px solid black;
visibility:hidden;
z-index:100;
cursor:hand;
}

</style>
</HEAD>

<BODY>

<b>Quick Note:</b><br>
<p><font size="2" face="Arial"><a href="http://www.coffeecup.com" target="_new">Check out the rest of our cool software!<br>
</a></p>

</div>

var once_per_browser=0

var cc4=document.layers
var coffee4=document.all
var ns6=document.getElementById&&!document.all

if (cc4)
crossobj=document.layers.postit
else if (coffee4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit

function closeit(){
if (coffee4||ns6)
crossobj.style.visibility="hidden"
else if (cc4)
crossobj.visibility="hide"
}

function showit(){
if (coffee4||ns6)
crossobj.style.visibility="visible"
else if (cc4)
crossobj.visibility="show"
}

if (once_per_browser)
showornot()
else
showit()

</SCRIPT>

function drag_drop(e){
if (coffee4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
if (coffee4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
offsetx=coffee4? event.clientX : e.clientX
offsety=coffee4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

</SCRIPT>

FADING DISPLAY

<SCRIPT Language = "JavaScript">

start = new Date();
    minstart = start.getMinutes()
    secstart = start.getSeconds()
     
function brighter(){

var now = new Date();

var seconds = now.getSeconds();

var minutes = now.getMinutes();

var base = "00";

var color =  1000;

var interval = 103;

var sec= interval * (seconds - secstart);

var min= 60 * interval * (minutes - minstart);

var add= color + min + sec;

total= base + add;
    if (add>=9999) {secstart = seconds; minstart = minutes}
   
    document.bgColor = total;
    setTimeout("brighter()", 1000);
        document.coffeeform.cc.value = total;
}
</script>
</HEAD>
<body onLoad = "brighter()" text="white"  LINK="C0C0C0"  VLINK="C0C0C0">
<form name="coffeeform">
<P>This is the hex code of the current background color
<input name = "cc" type="text" size="7">
</form>

Free Web Hosting