Dynamic Drive DHTML Scripts- Flashing form element

Flashing form element

Author: Dynamic Drive

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.

Demo:

Directions:

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

Select All
<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:

<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!).