How it’s done

The type of field cannot be changed with Javascript from type=”text” to type=”password” so there are actually two fields for the password: a regular password field, and a second plain text field with the default “Password” value.

When the page is loaded the CSS makes the plain text field hidden. Then the jQuery / js makes the password field hidden and the plain text field visible. It’s best to do it this way so if Javascript is not enabled (or there’s a Javascript error which causes the rest of the script to stop running) then the user still has a regular password field with obscured text.

When the user clicks the plain text field, the jQuery / JS code makes the plain text field hidden, the password field visible and puts focus on the password field. On blur, if the password field contains an empty value the plain text field is restored as the visible one to show the default value.

Demo

Download (Both jQuery type and js type)

Share this post

A Simple script that make our application works great. Yes, The following FBJS – FaceBook JavaScript will help you for part of page refresh in the facebook applications.

Uses:

1) Helps to retrieve data from your server database without refreshing the page
2) It would be useful for cricket scores and other live datas.

Mock AJAX Script as follows,

<script>

<!–
function partRefresh(){

var ajax = new Ajax();

ajax.responseType = Ajax.FBML;

ajax.ondone = function(data) {

document.getElementById(’partId’).setInnerFBML(data);

setTimeout(function() {partRefresh()},60000); // Making time delay

}
ajax.post(“http://www.example.com/filename.php”);
}
//–>
</script>

<div id=”partId”></div> // the output of filename.php is displayed here
<script>
partRefresh(); // Just calling the function on browser loads
</script>

Share this post