Shaking Buttons

Schüttelnde Buttons werten jedes Formular erst mal richtig auf.
Da möchte man einfach draufklicken. Diese Buttons
können in jedes Formular einfach eingebunden werden.

Die Buttons müssen jeder in einer separaten Tabellenzelle stehen,
sonst wackelt der Text bei allen Buttons.

HTML-Einbindung
   <script language="javascript"> 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 } </script> <html> <center> <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> </center>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen

Hier kannst Du den ersten Button testen
und hier den zweiten, etwas stärker