Tim's Design Studio's

Site hosted by Angelfire.com: Build your free website today!

Here are some java script's I've collected

Mp3 player's

Date Script

Scrolling background

Mouse over image script

// Copyright 2001 by www.CodeBelly.com
// Please do *not* remove this notice.

var backImage = new Array(); // don't change this

// Enter the image filenames you wish to use.
// Follow the pattern to use more images.  The
// number in the brackets [] is the number you
// will use in the function call to pick each
// image.

// Note how backImage[3] = "" -- which would
// set the page to *no* background image.

backImage[0] = "11.jpg";
backImage[1] = "22.jpg";
backImage[2] = "33.jpg";
backImage[3] = "";

// Do not edit below this line.
//-----------------------------

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>

<a href="#" onMouseOver="javascript:changeBGImage(2)">Change</a>

<a href="javascript:changeBGImage(1)">Change</a>

Popup window

<!-- TWO STEPS TO INSTALL WINDOW POSITION:

1.  Paste the first code in the HEAD of your HTML document
   2.  Add the last coding to the BODY of your HTML document  -->

<HEAD>

<!-- Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");

// If you just want to open an existing HTML page in the 
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");

}
// End -->
</script>

<BODY>

<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>

Intro curtain

//////////////////////
// Reveal! function //
//////////////////////
function reveal(who,step,timeOut,type) {
	if(type==0)
		var where="top";
	if(type==1)
		var where="bottom";
	if(type==2)
		var where="left";
	if(type==3)
		var where="right";
	eval('var temp=document.getElementById(who).style.'+where);
	temp=parseInt(temp);
	if(type==0||type==1)
		var checkWith=height/2;
	if(type==2||type==3)
		var checkWith=width/2;
	if(-temp<checkWith) {
		temp-=step;
		eval('document.getElementById(who).style.'+where+'=temp;');
		setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);
	}
	else {
		document.getElementById(who).style.display="none";
		document.body.scroll="yes";
	}
}

/*
Following function is required to initialise Reveal
The function is called in the following manner :
	initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
	Parameter description :
	type	->	0 for vertical | 1 for horizantal
	div1bg	->	Background color of first layer		(eg. '#CCCCCC')
	div2bg	->	Background color of second layer	(eg. '#CCCCCC')	 
	div1bw	->	Border width of first layer		(eg. 1)
	div2bw	->	Border width of second layer		(eg. 1)
	div1bc	->	Border color of first layer		(eg. '#000000')
	div2bc	->	Border color of second layer		(eg. '#000000')
	step	->	The amount revealed every interval	(eg. 5)
	timeOut	->	The delay in milliseconds
	click	->	true if user has to click to reveal | false for auto reveal
*/
function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
	if(type==0) {
		var bWhere1="border-bottom";
		var bWhere2="border-top";
		var putZero1="top:0px; left:0px";
		var putZero2="bottom:0px; left:0px";
		document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
		document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
		if(!click) {
			reveal('revealDiv1',step,timeOut,0);
			reveal('revealDiv2',step,timeOut,1);
		}
		else {
			clickText(type,step,timeOut);
		}
	}
	if(type==1) {
		var bWhere1="border-right";
		var bWhere2="border-left";
		var putZero1="top:0px; left:0px";
		var putZero2="top:0px; right:0px";
		document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
		document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
		if(!click) {
			reveal('revealDiv1',step,timeOut,2);
			reveal('revealDiv2',step,timeOut,3);
		}
		else {
			clickText(type,step,timeOut);
		}
	}
	function clickText(type,step,timeOut) {
		document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');
	}
}
</script>

Scrolling text message

No right click

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function right(e) {
var msg = "Sorry, you don't have permission to right-click.";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
else return true;
}

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function right(e) {
var msg = "Sorry, you don't have permission to right-click.";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
else return true;
}

function trap() 
  {
  if(do