Posts

Showing posts from April 21, 2010

twitter style update message display script

Hello Friends Here is the script to display confirmation or error message in twitter style.  You just need to write the message in   <div id="alert"> ...............</div> whatever you want . After that add the javascript code written below. <style type="text/css"> body { background-color: #ccc; color: #000; } #alert { overflow: hidden; width: 1260px; text-align: center; position: absolute; top: 0; left: 0; background-color: #fff; height: 0; color: #000; font: 20px/40px arial, sans-serif; opacity: .9; } </style> <div id="alert"> Thank you. Your message has been sent </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function () { var $alert = $('#alert'); if($alert.length) { var alerttimer = window.setTimeout(function () { ...