free javascript : September 2012

Check and Uncheck

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>

<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}

checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
//  End -->
</script>
</HEAD>

<body>

<center>
<form name=myform action="" method=post>
<table>
<tr><td>
<b>Your Favorite Scripts & Languages</b><br>
<input type=checkbox name=list value="1">facebook<br>
<input type=checkbox name=list value="2">google<br>
<input type=checkbox name=list value="3">yahoo>
<input type=checkbox name=list value="4">HTML<br>
<input type=checkbox name=list value="5">gmail<br>
<br>                                                    
<input type=button value="Check All" onClick="this.value=check(this.form.list)"> 
</td></tr>
</table>
</form>
</center>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

get it

Moving Title

get it

Move to Top

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<script>
<!--

// Change this text to the text that you want to be displayed as the link on your page.

var displayed="<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"

// === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //

var logolink='javascript:window.scrollTo(0,0)'
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}

if (ie4||ns6)
document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')

function createtext(){ //function for NS4
staticimage=new Layer(5)
staticimage.left=-300
staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}

function staticit(){ //function for IE4/ NS6
var w2=ns6? pageXOffset+w : document.body.scrollLeft+w
var h2=ns6? pageYOffset+h : document.body.scrollTop+h
crosslogo.style.left=w2
crosslogo.style.top=h2
}

function staticit2(){ //function for NS4
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
}

function inserttext(){ //function for IE4/ NS6
if (ie4)
crosslogo=document.all.logo
else if (ns6)
crosslogo=document.getElementById("logo")
crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10
h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10
crosslogo.style.left=w
crosslogo.style.top=h
if (ie4)
window.onscroll=staticit
else if (ns6)
startstatic=setInterval("staticit()",100)
}

if (ie4||ns6){
window.onload=inserttext
window.onresize=new Function("window.location.reload()")
}
else if (ns4)
window.onload=createtext

function staticitns(){ //function for NS4
startstatic=setInterval("staticit2()",90)
}

//-->
</script>

1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>

Return to Back

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

DropDown List and TextBox

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- Begin	   
var messages = new Array(6); 
messages[0] = "";
messages[1] = "javascriptfreecode is a cool java site";
messages[2] = "Can you imagine how you could use it on your site?";	   
messages[3] = "It's great for sharing lots of information.";
messages[4] = "And doesn't take up much space! ";
messages[5] = "So, get the code and put it on your site!";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];

}
// End -->
</script>

<body>

<center>
<form name="messageForm">
  <p>
<select name="messagePick" OnChange="messageReveal()">
  <option value="0">The Menu Message</option>
  <option>SONY CARD 20</option>
  <option>Possible uses?</option>
  <option>Shares Information</option>
  <option>Saves space</option>
  <option>Get the code!</option>
  </select> <br>
  </p>
<p>
<textarea name="messageField" rows="5" cols="41" wrap="virtual">

get it

Twinkle Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>
<script LANGUAGE="JavaScript">
window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer" 
 && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer"

&& bVer < 4);
 var blink_speed=100;
 var i=0;

if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="document.all";
 styleSwitch=".style";
 }
}

//BLINKING
function Blink(layerName){
 if (NS4 || IE4) { 
 if(i%2==0)
 {
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.visibility="visible"');
 }
 else
 {
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.visibility="hidden"');
 }
 } 
 if(i<1)
 {
 i++;
 } 
 else
 {
 i--
 }
 setTimeout("Blink('"+layerName+"')",blink_speed);
}
</script>

</HEAD>

<body>

<div id="prem_hint" style="position:relative; left:0; visibility:hidden" class="prem_hint">
<font size="4" face="Tahoma">welcome to my weblog</font></div>
<script language="javascript">Blink('prem_hint');</script>

<p>
<p>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Code</span></a></font>

Text in Wind After the Mouse

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<style type="text/css">
</style>
<script language="JavaScript1.2">

var x,y
var kern=20 
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {

xpos[i]=-50
	}
var ypos=new Array()
for (i=0;i<message.length;i++) {
	ypos[i]=-50
	}
function handlerMM(e){
	x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (e) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
	}
function makebanner() {
	if (flag==1) {
		for (i=message.length-1; i>=1; i--) {
			xpos[i]=xpos[i-1]+kern
			ypos[i]=ypos[i-1]
			}
		xpos[0]=x+kern
		ypos[0]=y
		for (i=0; i<message.length; i++) {
			if (document.getElementById) {
				var thisspan = document.getElementById("span"+i).style
				} else {
				var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
				}
			if (thisspan.posLeft) {
				thisspan.posLeft=xpos[i]
				thisspan.posTop=ypos[i]
				}
			if (!thisspan.posLeft) {
				thisspan.left=xpos[i]
				thisspan.top=ypos[i]
				}
			}
		}
		var timer=setTimeout("makebanner()",30)
	}
window.onload=makebanner;
</script>

</script>

var x,y
var kern=20 
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
	xpos[i]=-50
	}
var ypos=new Array()
for (i=0;i<message.length;i++) {
	ypos[i]=-50
	}
function handlerMM(e){
	x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (e) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
	}
function makebanner() {
	if (flag==1) {
		for (i=message.length-1; i>=1; i--) {
			xpos[i]=xpos[i-1]+kern
			ypos[i]=ypos[i-1]
			}
		xpos[0]=x+kern
		ypos[0]=y
		for (i=0; i<message.length; i++) {
			if (document.getElementById) {
				var thisspan = document.getElementById("span"+i).style
				} else {
				var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
				}
			if (thisspan.posLeft) {
				thisspan.posLeft=xpos[i]
				thisspan.posTop=ypos[i]
				}
			if (!thisspan.posLeft) {
				thisspan.left=xpos[i]
				thisspan.top=ypos[i]
				}
			}
		}
		var timer=setTimeout("makebanner()",12)
	}
window.onload=makebanner;
</script>

</script></body>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Code</span></a></font>
</html>

-->
JavaScript Code

Moving Text in Box

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Moving Texts

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.
Write Your Moving Text Here Write Your Moving Text Here Write Your Moving Text Here Write Your Moving Text Here
get it

Wavy Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Mexican Dance of Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>
<base target="_blank">
</head>

//configure message
message="http://my-javacodes.blogspot.com"
//animate text in NS6? (0 will turn it off)
ns6switch=1

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

<h2>
<div id="jumpx" style="color:blue">
</div>
</h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>
<font face="Tahoma" size="2">  </font>
</center>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Text Fade

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>
<base target="_blank">
</head>

}
P.main {
 font-family : Arial;
 font-size : 15pt;
 font-weight : bold;
}
-->
</style>

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
window.onload=start
else
stop();
window.onunload=stop
if (bname=="Netscape"){
brows=true
dt=2
}
else{
brows=false
dt=20
}
var z=0;
var msg=0;
var rgb=0;
var link=false;
var status=true;
var updwn=false;
var message= new Array();
var value=0;
var h=window.innerHeight;
var w=window.innerWidth;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)

var bgcolor="#FFFFFF"; //Color of background
var color="#00008D";  //Color of the Letters

message[0]='Welcome'
message[1]='To'
message[2]='http://my-javacodes.blogspot.com'
message[3]='<a href="http://my-javacodes.blogspot.com" target=_blank>Free Java Script Codes</a>'

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)

for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}

redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;

function stop(){
clearTimeout(timer1);
clearTimeout(timer2);
clearTimeout(timer3);
}

function resz(){
h=window.innerHeight;
w=window.innerWidth;
if (updwn)
timer1=setTimeout('up()',1000)
else
timer2=setTimeout('down()',1000)
}

function breakf(){
if (status){
clearTimeout(timer1);
clearTimeout(timer2);
status=false
return;
}
else{
status=true;
if (updwn)
timer1=setTimeout('up()',dt)
else
timer2=setTimeout('down()',dt)
}
}

function up(){
if (red<hred){
if ((red+7)<hred)
red+=7;
else
red=hred
redx = convert[red]
}
else{
if ((red-7)>hred)
red-=7;
else
red=hred
redx = convert[red]
}

if (green<hgreen){
if ((green+7)<hgreen)
green+=7;
else
green=hgreen
greenx = convert[green]
}
else{
if ((green-7)>hgreen)
green-=7;
else
green=hgreen
greenx = convert[green]
}

if (blue<hblue){
if ((blue+7)<hblue)
blue+=7;
else
blue=hblue
bluex = convert[blue]
}
else{
if ((blue-7)>hblue)
blue-=7;
else
blue=hblue
bluex = convert[blue]
}

rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer1);
resz()
return;
}
else{
document.layers['textanim'].document.write('<pre><p Class="main" Align="Center">
<font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<38){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer1=setTimeout('up()',dt)
}
else
{
updwn=false;
down()
}
}

function down(){
if (red<ered){
if ((red+7)<ered)
red+=7;
else
red=ered
redx = convert[red]
}
else{
if ((red-7)>ered)
red-=7;
else
red=ered
redx = convert[red]
}

if (green<egreen){
if ((green+7)<egreen)
green+=7;
else
green=egreen
greenx = convert[green]
}
else{
if ((green-7)>egreen)
green-=7;
else
green=egreen
greenx = convert[green]
}

if (blue<eblue){
if ((blue+7)<eblue)
blue+=7;
else
blue=eblue
bluex = convert[blue]
}
else{
if ((blue-7)>eblue)
blue-=7;
else
blue=eblue
bluex = convert[blue]
}

rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer2);
resz()
return;
}
else{
document.layers['textanim'].document.write('<pre><p Class="main" Align="Center">
<font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}

if (z<76){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer2=setTimeout('down()',dt)
}
else
{
if (brows){
document.layers['textanim'].document.write('')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='';
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows){
document.layers['textanim'].top=res;
}
else
textanim.style.top=res;
timer3=setTimeout('start()',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
timer3=setTimeout('start()',2000);
}
}
}

// done hiding -->
</Script>
<div id="textanim" style="position: absolute; left: 0; top: 100" onclick="breakf()">
</Div>
<layer name="textanim" left=0 top=100>
</Layer>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Three Color around Mouse

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<body>
<script language="JavaScript">
var a_Colour="red";
var b_Colour="blue";
var c_Colour="green";
var Size=40;

//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);

function swirl(){
for (i = 0; i < 3; i++)
 { 
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

Automaticly Go To Address

<p>
<form name="redirect">
<center>
<font face="Arial"><b> After 5 Second . . .<br><br>
<form>
<input type="text" size="3" name="redirect2">
</form>
</b></font>
</center>
<script>
<!--

var targetURL="http://my-javacodes.blogspot.com"

var countdownfrom=5
var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>
</p>
</body>
</html>

<html>
<head>

</head>
<body>

<p align="center">
<span class="myStyle">
<font size="6" color="#000000">my-javacodes.blogspot.com</font>
</span>

</p>
</body>
</html>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span>

Status Bar Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- TWO STEPS TO INSTALL WRITE AND SLIDE:

1.  Paste the coding into the HEAD of your HTML document
   2.  Copy the onLoad event handler into the BODY tag  -->

<html>

</script>

<title>E:\scrolls\vertical2_.htm</title>
</head>

</body>
</html>

World's Clock

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

get it

Text around your mouse

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

var awEMnbsPM;AWEmnbsPM(" welcome to my site ","arial,helvetica,times new roman",2,"#000000",5,1,2,35,5,2,300,300,"DFJO1AC439CXM4FIF5FD94G");

Mouse Box

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
</SCRIPT>

<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Code</span></a></font>

Address bar

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

get it

Page print button

get it

Change the mouse cursor shape style

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Rainbow effect on text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

// Modified by CoffeeCup Software

function MakeArray(n)
{
  this.length=n;
  for(var i=1; i<=n; i++) this[i]=i-1;
  return this
}

hex=new MakeArray(16);
hex[11]="A"; 
hex[12]="B"; 
hex[13]="C"; 
hex[14]="D"; 
hex[15]="E"; 
hex[16]="F";

function ToHex(x)
{
// Changes a int to hex (in the range 0 to 255)
  var high=x/16;
  var s=high + "";
  s=s.substring(0,2);
  high=parseInt(s,10);
  var left=hex[high+1];

var low=x-high*16;
  s=low+"";
  s=s.substring(0,2);
  low=parseInt(s,10);
  var right=hex[low+1];

var string=left + "" + right;
  return string;
}

function fadein(text)
{
  text=text.substring(3,text.length-4);

color_d1=255;
  color_d1b=255;
  color_d1c=255;

mul=color_d1/text.length;   
  for(i=0;i<text.length;i++)
  {
    color_d1=mul*i; 
    color_d1b=255-mul*i;
    color_d1c=255*Math.sin(i/(text.length/3));
// *******
// some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
// *******
    color_h1=ToHex(color_d1);
    color_d2=mul*i;
    color_h2=ToHex(color_d2);

color_h1b=ToHex(color_d1b);
    color_d2b=mul*i;
    color_h2b=ToHex(color_d2b);

color_h1c=ToHex(color_d1c);
    color_d2c=mul*i;
    color_h2c=ToHex(color_d2c);

document.write("<font COLOR='#FF8000"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
  }
}
// --End Hiding Here -->
</script>
<script LANGUAGE="JavaScript">
This is the Text, just put yours here !<!__");  }
//-->
</SCRIPT>

Link without click

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Drop down link

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

(http://imomniscient.blogspot.com/, http://my-keywords.blogspot.com/, http://freedomnhost.blogspot.com) it's your link
get it

Text Changing

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

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

get it

Prevent from right click No copying!

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Information about visitor's browser

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<html>

<body>

function CC_getBrowserName()   {   
         document.forms[0].elements[0].value =navigator.appName;     
 }

function CC_getBrowserVersion()   {   
         document.forms[0].elements[0].value =  navigator.appVersion;     
 }

function CC_getBrowserCodeName()   {   
         document.forms[0].elements[0].value = navigator.appCodeName;     
 }

function CC_getBrowserUserAgent()   {   
         document.forms[0].elements[0].value =  navigator.userAgent;     
 }

function CC_getBrowserNameVersion()   {   
         document.forms[0].elements[0].value = navigator.appName + " " + navigator.appVersion;     
 }

</script>
 </head>
 <center>

<center>
 <form NAME="detect">
 <input TYPE="text" NAME="browser" SIZE="26" MAXLENGTH="40" VALUE="Browser Detection"><br>
 <br><br>Choose a button to reveal your browser's self image.<br>
 <input TYPE="button" VALUE="appName" onClick="CC_getBrowserName()">
 <input TYPE="button" VALUE="appVersion" onClick="CC_getBrowserVersion()">
 <input TYPE="button" VALUE="appCodeName" onClick="CC_getBrowserCodeName()">
 <input TYPE="button" VALUE="userAgent" onClick="CC_getBrowserUserAgent()">
 <input TYPE="button" VALUE="appName / appVersion" onClick="CC_getBrowserNameVersion()"><br><br><br>
 </form>
</center>
<p>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: 
none">get it</span></a></font>

Add your web to Bookmark

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<html>

<body>

<!-- SUMMARY BRIEF

This code will allow you to put a link on your
 page that, when clicked, will add a URL to the
 user's Favorites.

NOTE: This will only work for IE users. It will
 NOT work for users using Netscape.

You can change the bookmark link and text in the
 var bookmarkurl and var bookmarktitle attributes
 below.

You can change the text of the actual link in the
 <a HREF> code that you will place for your link
 to appear in your page. It is located at the
 bottom of this page.

-->

var bookmarkurl="http://my-javacodes.blogspot.com/"
var bookmarktitle="-=[ Java Web Site ]=-"

function ccaddbookmark() {
 if (document.all)
 window.external.AddFavorite(bookmarkurl,bookmarktitle)
}

//-->
</script>

<a href="javascript:ccaddbookmark()" target="_self">
<font size="1" face="Arial">[ Add Webloger to your Favorites ]</font>
</a>

How to make menus in JavaScript

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- SUMMARY BRIEFS
 This DHTML script will create a drop down link box out of
 an ordinary link.  VERY COOL!!!!

The top portion of this script goes above the <body> tag.
 The second portion goes where you want the drop down link
 box to be.

-->

#wrapper2{
position:absolute
}

#coffeemenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}

-->
</style></HEAD>

<body>

<ilayer id="coffeemenu01" height=35px>
<layer id="coffeemenu02" visibility=show>
<span id="wrapper">
<span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false">
<font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font>
</span>
</span>
</layer>
</ilayer>

var enableeffect=true

var selection=new Array()
selection[0]='<font face="ARIAL BLACK"><a href="http://my-javacodes.blogspot.com">Order Our Stuff</a><br>'
selection[1]='<a href="http://my-javacodes.blogspot.com">Contact Us via E-mail</a><br>'
selection[2]='<a href="http://my-javacodes.blogspot.com">Help With Our Items</a><br>'
selection[3]='<a href="http://my-javacodes.blogspot.com">Products We Have</a><br>'
selection[4]='<a href="my-javacodes.blogspot.com">Services We Offer</a><br></font>'

if (document.layers)
document.coffeemenu01.document.coffeemenu02.visibility='show'

function dropit2(){
if (document.all){
coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (coffeemenu03.style.visibility=="hidden"){
if (enableeffect)
coffeemenu03.filters.revealTrans.apply()
coffeemenu03.style.visibility="visible"
if (enableeffect)
coffeemenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.coffeemenu03.visibility=="hide")
document.coffeemenu03.visibility="show"
else
document.coffeemenu03.visibility="hide"
document.coffeemenu03.left=e.pageX-e.layerX
document.coffeemenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
coffeemenu03.filters.revealTrans.stop()
coffeemenu03.style.visibility="hidden"
}

function hidemenu2(){
document.coffeemenu03.visibility="hide"
}

if (document.layers){
document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK)
document.coffeemenu01.document.coffeemenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>

<div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
coffeemenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script>
</div>
<br />
<br />
<br />
<br />

<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>
<script language="JavaScript1.2">
if (document.layers){
document.coffeemenu03.captureEvents(Event.CLICK)

Firelights after the mouse awesome code

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<style TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
  position  : absolute;
  font-size : 10pt;
  color     : blue;
  visibility: hidden;

}

.s2
{
  position  : absolute;
  font-size : 18pt;
  color     : red;
 visibility : hidden;
}

.s3
{
  position  : absolute;
  font-size : 14pt;
  color     : gold;
 visibility : hidden;
}

.s4
{
  position  : absolute;
  font-size : 12pt;
  color     : lime;
 visibility : hidden;
}

//-->
</STYLE>

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function get_mouse(e)
{    
  x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);     
}

function fade(n)
{
  if(n>0) 
  {
    if(nav)eval("document.div"+n+".visibility='hidden'");
    else eval("div"+n+".style.visibility='hidden'"); 
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
}

// -->
</SCRIPT>

Music on web ( Mid, Mp3, Wma )

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

No right click allow on the page

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

get it

Anti filter sample

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<body style="text-align: center" bgcolor="#000000">

<p dir="ltr">
<label for="u" title="user-speciied URL of resource to be filtered"><font face="Comic Sans MS">
               <input id="u" name="u" type="text" size="45" value="http://.com"/></font></label><font face="Comic Sans MS">               <span lang="fa">
               </span>
               </font><font face="Tahoma" size="2"><span lang="fa">:</span>URL</font><font face="Comic Sans MS" size="2"><br />
               </font>
               <label for="t" title="Color filter to be applied">
               <font face="Comic Sans MS"><select id="t" name="t"><option value="p" selected="selected">
               protanopia (red/green color blindness; no red cones)</option>
<option value="d">deutanopia (red/green color blindness; no green cones)</option>
<option value="t">tritanopia (blue/yellow color blindness; no blue cones)</option>
<option value="m">grayscale/achromatopsia (quick check for all forms of 
colorblindness)</option>
<option value="a">atypical achromatopsia (low cone function; cone monochromat)</option>
<option value="o">protanomaly (anomalous red cones)</option>
<option value="c">deutanomaly (anomalous green cones)</option>
<option value="u">tritanomaly (anomalous blue cones)</option>
<option value="k">coverage test in black (highlight filter limitations)</option>
<option value="q">coverage test in white (highlight filter limitations)</option>
<option value="g">coverage test in gray (highlight filter limitations)</option></select></font></label><font face="Comic Sans MS" size="2">  
               </font>
               <font size="2" face="Tahoma"><span lang="fa">:</span>The way </font>
    <font face="Comic Sans MS">
    <input type="submit" value="                            Click here                              " style="color: black; font-family: Tahoma" tabindex="10" name="loghman" /></font><font size="2" face="Comic Sans MS"><span lang="fa">           </span>       </font></p>
</form>
</td>
    </tr>
</table>
</div>
</td>
    </tr>
</table>
<p align="center">
</p>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

:URL
:The way

get it

Randomly change color

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<script>

// Select fade-effect below:
// Set 1 if the background may fade from dark to medium 
// Set 2 if the background may fade from light to medium 
// Set 3 if the background may fade from very dark to very light light
// Set 4 if the background may fade from light to very light
// Set 5 if the background may fade from dark to very dark 
var fade_effect=3

// What type of gradient should be applied Internet Explorer 5x or higher?
// Set "none" or "horizontal" or "vertical"
var gradient_effect="horizontal"

// Speed higher=slower
var speed=60

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var browserinfos=navigator.userAgent 
var ie4=document.all&&!document.getElementById
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie4||ie5||ns4||ns6||opera

if (fade_effect==1) {
 var darkmax=1
 var lightmax=127
}
if (fade_effect==2) {
 var darkmax=127
 var lightmax=254
}
if (fade_effect==3) {
 var darkmax=1
 var lightmax=254
}
if (fade_effect==4) {
 var darkmax=190
 var lightmax=254
}
if (fade_effect==5) {
 var darkmax=1
 var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var newred
var newgreen
var newblue
var oldred
var oldgreen
var oldblue

var redcol_1
var redcol_2 
var greencol_1 
var greencol_2 
var bluecol_1 
var bluecol_2 
var oldcolor
var newcolor
var firsttime=true

var stepred=1
var stepgreen=1
var stepblue=1

function setrandomcolor() {
 var range=(lightmax-darkmax)
 if (firsttime) {
  newred=Math.ceil(range*Math.random())+darkmax
  newgreen=Math.ceil(range*Math.random())+darkmax
  newblue=Math.ceil(range*Math.random())+darkmax
  firsttime=false
 }
 
 oldred=Math.ceil(range*Math.random())+darkmax
 oldgreen=Math.ceil(range*Math.random())+darkmax
 oldblue=Math.ceil(range*Math.random())+darkmax
 
 stepred=newred-oldred
 if (oldred>newred) {stepred=1}
 else if (oldred<newred) {stepred=-1}
 else {stepred=0}
 
 stepgreen=newgreen-oldgreen
 if (oldgreen>newgreen) {stepgreen=1}
 else if (oldgreen<newgreen) {stepgreen=-1}
 else {stepgreen=0}
 
 stepblue=newblue-oldblue
 if (oldblue>newblue) {stepblue=1}
 else if (oldblue<newblue) {stepblue=-1}
 else {stepblue=0}
 fadebg()
}

if (browserok) {
 window.onload=setrandomcolor
}
</script>

get it

Nice text effect

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<meta http-equiv="Content-Language" content="en-us">
<h2>
<script language="JavaScript1.2">

var message="Welcome to my weblog!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>
</body>
</html>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

get it

Various times of the world

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<html>

<body>

<table border="0" width="200" cellspacing="0" cellpadding="3">
<form name="where">
<tr>
    <td width="100%">
<select name="city" size="1" onchange="updateclock(this);"> 
<option value="" selected>Local time</option>
<option value="0">London GMT</option> 
<option value="1">Rome</option>
<option value="6">Dkaka</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option> 
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option> 
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select>

</td>
  </tr>
<tr>
    <td width="100%">
<script language="JavaScript">

/*
Drop Down World Clock- By Learn iran (http://www.webloger.5u.com)
Portions of code by Kurt @ http://www.webloger.5u.com/
This credit notice must stay intact
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}

setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>

<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>

</td>
</form>
</tr>
</table>
</body>

</html>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

New Page 2

--> get it

Pages

About

Blogger templates