Twitter Like Flash Message with jQuery.
Wall Script
Wall Script
Monday, March 09, 2009

Twitter Like Flash Message with jQuery.

I like Twitter API method displaying information message in flash style. I had developed a small web application like twitter flash message using jQuery. It's useful and simple just enrich your web projects.

Twitter information message.

Download Script     Live Demo

Javascript Code:
You have to modify setTimeout() value.
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/
jquery/1.3.0/jquery.min.js">
</script>
<script type="text/javascript" >
 $(document).ready(function(){
  setTimeout(function(){
  $(".flash").fadeOut("slow", function () {
  $(".flash").remove();
      }); }, 2000);
 });
</script>

flash.php
Contains PHP and HTML Code.

<?php

if($_SERVER["REQUEST_METHOD"] == "POST")
{
// Some data....
$message="<div class='flash'> Information message !</div>";
}

?>


<div align="center">>
<?php echo $message; ?>
</div>


Style Sheet
CSS code.

.flash{

width:759px;
padding-top:8px;
padding-bottom:8px;
background-color: #fff;
font-weight:bold;
font-size:20px;-moz-border-radius: 6px;-webkit-border-radius: 6px;

}

Download Script     Live Demo
web notification

4 comments:

  1. You can comment directly from blogger post page? Nice!

    ReplyDelete
  2. Hey how could I make this execute from url?
    Example:
    Fill out a form,
    form submitted to 'submit.php' then
    'submit.php' redirects to back to 'contact.php'
    Then flash msg appears.

    I'm still a newbie!

    ReplyDelete

mailxengine Youtueb channel
Make in India