Feb 28, 2012

Crazy Shaking Form Buttons

Test the shake button
Get something harder


TWO STEPS TO INSTALL CRAZY SHAKING FORM BUTTONS:
Copy the coding into the HEAD of your HTML document
Add the last code into the BODY of your HTML document
STEP ONE:
Paste this code into the HEAD of your HTML document
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

<!-- This script and All How to's are available free online at -->
<!-- LinkToHow!! http://linktohow.blogspot.com -->
<!-- Original: Scriptbreaker (pieterpareit@hotmail.com ) -->
<!-- Begin
pos = 15;
TO = null;
function shake_funct2(object,speed)
{
obj = eval(object)
txt = clear_space(obj.value);
if (pos == 15)
{
txt = txt + " ";
pos = -15;
}
else
{
txt = " " + txt;
pos = 15;
}
obj.value = txt;
obj.style.width = parseInt(obj.style.width) + pos;
obj = object
sp = speed
TO = setTimeout("shake_funct2(obj,sp)",speed);
}

function clear_space(text)
{
while (text.substring(0,1) == " ")
{
text = text.substring(1,text.length);
}
while(text.substring(text.length-1,text.length) == " ")
{
text = text.substring(0,text.length-1);
}
return text;
}

function end_shake_funct2(object)
{
clearTimeout(TO);
obj = eval(object);
txt = clear_space(obj.value);
obj.value = txt;
//alert(pos);
if (pos == -15)
{
obj.style.width = parseInt(obj.style.width) +15;
}
pos = 15
}
// End -->
</script>

</HEAD>

STEP TWO:
Copy this code into the BODY of your HTML document
<BODY>
<form name=myform2>
<table border=0>
<tr><td>
Test the shake button
</td>
<td align=center width=160>
<input type=button value = "shake me" style="font-size:10;width:150" onmouseover="shake_funct2(this,100)" onmouseout="end_shake_funct2(this)">
</td></tr>
<tr><td>
Get something harder
</td>
<td align=center width=160>
<input type=button value = "A bit faster" style="font-size:10;width:150" onmouseover="shake_funct2(this,50)" onmouseout="end_shake_funct2(this)">
</td></tr>
</Table>
</form>

<p><center>
<font face="arial, helvetica" size"-2">All How to's<br>
by <a href="http://linktohow.blogspot.com">The JavaScript Source</a></font>
</center><p></BODY>

0 comments:

Blog Archive

Total Pageviews

EARNING PRO

Never Miss Any Update From Us!

Enrich Your Inbox.[402+ Readers]


Enter your email address:

Delivered by FeedBurner | Powered By MBT


Subscribe us today and get Quality Articles for free.