Tips,Ideas, Free scripts and more…
facebook javascript
Show Password Text in Password Input Field
Apr 24th
As you know, the user login box of the website contains the following fields username and password. Furthermore, most of them put the “Username” inside user name field and “********” inside password field to save the space within designing.In this post I’ll show you how to show “Password” text in the password field. It doesn’t actually does so but this tips will make it looks like so.
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.
Download (Both jQuery type and js type)
Part of page refresh with time delay using MockAJAX – Facebook Developers
Sep 21st
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>