Click here to Skip to main content
Click here to Skip to main content

Blinking Text in TextBox using Javascript

, 24 Nov 2011
Rate this:
Please Sign up or sign in to vote.
Blinking Text in TextBox using Javascript

Description

After seeing this question[^] in Q/A section, I just created this thing in Javascript & now posting here.
 

Code

<html>
<head>
<title>Blinking Text in TextBox using Javascript</title>
<script language="javascript" type="text/javascript">
var timer;
function BlinkingText()
{
 if(document.getElementById("txtName").value == "")
 {
   document.getElementById("txtName").value = "Enter your name..";
 }
 else
 {
   document.getElementById("txtName").value = "";
 }
 timer = setTimeout("BlinkingText()", 500);
}
 
function StopBlinking()
{
  clearTimeout(timer);
}
 
function ContinueBlinking()
{
  if(document.getElementById("txtName").value == "Enter your name.." || document.getElementById("txtName").value == "")
  {
    BlinkingText();
  }
}
 
function DoFocus()
{
  if(document.getElementById("txtName").value == "Enter your name.." || document.getElementById("txtName").value == "")
  {
    document.getElementById("txtName").value = "";
    StopBlinking();
  }
}
</script>
</head>
 
<body onload="BlinkingText()">
Name : <input type="text" id="txtName" value="Enter your name.." onfocus="DoFocus();" onblur="ContinueBlinking();" />
</body>
</html>

Browser Compatibility

I have tested this script in the following Web browsers:
  • Internet Explorer
  • Mozilla Firefox
  • Google Chrome
  • Safari
  • Opera

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

thatraja
Web Developer
India India
Programmer | Dude | ||||||
 
About him & his blog? check out here. Currently he's updating the site, he'll return soon there with more things*.
 
In Codeproject, he posted a blogpost & more than couple of Tip/Tricks, hope he'll write more soon.
 
Favorite techs are MVC, WCF, Mobile, HTML5, CSS3, jQuery, etc.,
 
His hobbies are watching movies, CP, being alone, etc., But now he's working on something*.
 
* - SCAMP???
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

 
-- There are no messages in this forum --
| Advertise | Privacy | Mobile
Web02 | 2.8.140721.1 | Last Updated 24 Nov 2011
Article Copyright 2011 by thatraja
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid