Wednesday, January 01, 2014

Title bar Alert like Facebook Chat messages - read more @i-visionblog

We would have experienced this when we chat in Facebook,the chat box just blinks or Title bar just blinks.have you ever wondered how does they work.yes, they work just because of Javascript .This makes us easy visible of tabs and noticing it while working on any other tab in the browser.
Title bar Alert like Facebook Chat messages - read more @i-visionblog
Add caption

here is the Javascript download link : Download  | Demo


View the Demo Source Code to Implement the tile Bar Alert in your app correspondingly!

How Do they work ?

when you receive a response from the database new entry through Ajax or Node.js sockets may be anyother,the response is passed through this javascript functions and then the javascript start doing it process of title alert in the browser.And when the user clicks on it then the function comes to the end and goes on! this is how many things are happens in the advanced sites like Facebook ,Google etc.


Why Do they Implement this ?

This Tends to be visible for the users and to pull attraction towards the tab! were nowadays many uses notify tone with these to make users to experience more comfortable.While the users are working more than a tab in the system,this may surely help them to interpret them and find difference.


Procedure :

see the highlighted code below! this may be useful wherever you want and implementating this!



<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
 <script src="../jquery.titlealert.js"></script>
 <script type="text/javascript" >
  $( document ).ready(function() {
$("#ajax").click(function(e){
$.ajax({
type: "GET",
url: "data.php",
success: function(data){
$.titleAlert(data);
}
}); //end of ajax 
}); //end of click event
}); //end of document

</script>

Other Options :





Compatibility:


Title Alert works with jQuery 1.3 and 1.4. It's tested in Firefox, Chrome, Internet Explorer >= 6 and Safari.

Please Report for Bugs/Corrections/Errors/Help/hugs to [email protected] or chat with me in Facebook/G+ and connect with me in Twitter.Share is Care.

0 comments:

Post a Comment

feel free to post your comments! Don't Spam here!