Flashing form element

Subject: Flashing form element Mon Aug 08, 2011 2:22 pm

Note: Script rewritten Dec 15th, 02' for increased efficiency and NS6+

Description: Use this DHTML script to make certain form elements flash with glee. It's a great way to draw attention to "important" fields, such as the submit button, etc.

Simply insert the below code to the END of your document, right above the </body> tag:

Code:: <script language="JavaScript1.2">

/*
Flashing form element Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, visit http://www.dynamicdrive.com/
This credit MUST stay intact for use
*/

var flashcolor="red"
var flashinterval=1000 //flash interval in miliseconds (1000=1 sec)

var formcollect=document.getElementsByTagName? document.getElementsByTagName("FORM") : document.all? document.all.tags("FORM") : new Array()
var flashcollect=new Array()

for (i=0; i<formcollect.length; i++){
for (e=0; e<formcollect[i].elements.length; e++){
if (formcollect[i].elements[e].className=="flashit")
flashcollect[flashcollect.length]=formcollect[i].elements[e]
}
}

function flashelements(){
for (f=0; f<flashcollect.length; f++){
if (flashcollect[f].style.color=='')
flashcollect[f].style.color=flashcolor
else
flashcollect[f].style.color=""
}
}

if (flashcollect.length>0)
setInterval("flashelements()",flashinterval)

</script>

Having done the above, you're now ready to give any form element a flashing personality. Just add:

class="flashit"

inside the element's tag you wish to flash. Here's an example:

Quote :: <form>
<input type="submit" value="Submit" class="flashit">
</form>

Follow the same procedure to apply this flashing trait to multiple form elements, whether they're from the same form or not. The script is robust enough to adopt, and browsers other than IE 4+ and NS6+ will simply see nothing (the effect, that is!).