»
EnglishFrenchVietnamese

Print - Blinking Textbox Effect v2 - JavaScriptBank.com

Full version: jsB@nk » Form » Blinking Textbox Effect v2
URL: https://www.javascriptbank.com/blinking-textbox-effect-v2.html

Blinking Textbox Effect v2 © JavaScriptBank.comThis JavaScript will place the cursor in a designated textbox, causing its background to blink a specified color for a pre-determined amount of seconds. This will highlight the textbox on the Web page in order to draw attention to it.

Full version: jsB@nk » Form » Blinking Textbox Effect v2
URL: https://www.javascriptbank.com/blinking-textbox-effect-v2.html



JavaScript
<script language="javascript">/* mrhoo | http://www.webdeveloper.com/forum/showpost.php?p=761000&postcount=40*/window.Blink = function(args){  // Set the color and seconds below, e.g., [args,'COLOR',SECONDS] args = (/,/.test(args))?  args.split(/,/):  [args,'#FFD100',10]; var who = document.getElementById(args[0]); var count = parseInt(args[2]); if (--count <=0) {  who.style.backgroundColor = '';  if(who.focus) who.focus(); } else {  args[2]=count+'';  who.style.backgroundColor=(count%2==0)? '': args[1];  args='\"'+args.join(',')+'\"';  setTimeout("Blink("+args+")",500); }}// Multiple onload function created by: Simon Willison// http://simon.incutio.com/archive/2004/05/26/addLoadEventfunction addLoadEvent(func) {  var oldonload = window.onload;  if (typeof window.onload != 'function') {    window.onload = func;  } else {    window.onload = function() {      if (oldonload) {        oldonload();      }      func();    }  }}addLoadEvent(function() {  // Set the field name below of where to place the focus and blinking color  Blink('name');});</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table>  <tr>    <td width="50"><b>Name:</b></td>    <td width="300"><input id="name" type="text"></td>  </tr><tr>    <td width="50"><b>E-mail:</b></td>    <td width="300"><input id="email" type="text"></td>  </tr><tr>    <td colspan="2" align="center">    <input type="button" value="Submit" onClick="alert('Your form would have been submitted')">    </td>  </tr></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->