free javascript : java code

Showing posts with label java code. Show all posts

Automatic scrolling window java script

Copy the Below Code and Paste it in HTML in Blogger post anywhere

Floating Sidebar Social Share Buttons In Blogspot Blog

Copy the Below Code and Paste it in HTML in Blogger post anywhere.

<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-
radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<br />
<div id="pageshare" title="Share This With Your Friends">
<div class="sbutton" id="gb">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like font="" layout="box_count" show_faces="false"></fb:like></div>
<div class="sbutton" id="rt">
<a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div>
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script><g:plusone size="tall"></g:plusone></div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class="sbutton" id="digg" style="margin-left: 3px; width: 48px;">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script><a class="DiggThisButton DiggMedium" href="http://www.blogger.com/blogger.g?blogID=4336460395998883729"></a></div>
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<br />
<div style="clear: both; text-align: center;">
<div style="font-size: 9px;">
<span style="color: red;"><a href="http://my-javacodes.blogspot.com/" target="blank">JavaScript Code</a>                                                                                             </span></div>
<div style="font-size: 9px;">
<br /></div>
<div style="font-size: 9px;">
<br /></div>
<div style="font-size: 9px;">
<br /></div>
</div>
</div>

Dj Cat

JavaScript Code

Pussy Cat

get it

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

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>

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");

free javascript

Pages

About

Blogger templates

Automatic scrolling window java script

Go to previous page

Fish Aquarium

Floating Sidebar Social Share Buttons In Blogspot Blog

Dj Cat

Pussy Cat

Check and Uncheck

Moving Title

Move to Top

Return to Back

DropDown List and TextBox

Twinkle Text

Text in Wind After the Mouse

Moving Texts

Wavy Text

Mexican Dance of Text

Text Fade

Automaticly Go To Address

Status Bar Text

Text around your mouse