Twitter Like Flash Message with jQuery

I had developed a small web application like twitter flash message using jQuery. It’s useful and simple just enrich your web projects. This is very simple and easy bunch of code snippets to display flash message like twitter, facebook using Jaquery.

You can see the live demo of this tutorial before go to download complete script. I have added complete code in zip file, you will get this after subscribe of our blog.

Javascript Code:
Bellow is the jQuery code which will hide messages like twitter and facebook

src="http://ajax.googleapis.com/ajax/libs/

jquery/1.3.0/jquery.min.js">

</script>

$(document).ready(function(){

setTimeout(function(){

$(".flash").fadeOut("slow", function () {

$(".flash").remove();

}); }, 2000);

});

</script>

PHP code to contain html data

<?php

if($_SERVER["REQUEST_METHOD"] == "POST")

{

// Some data....

$message="<div class='flash'> Information message !</div>";

}

<?php echo $message; ?>

</div>

Css code

If you want to change style of flash message,then you can customize bellow CSS code according to your website theme and template.

.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;

}

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected]mail.com. Your article will appear on the FreeWebMentor main page and help other developers.

Twitter Like Flash Message with jQuery

Css code

Recommended Posts:

Prem Tiwari

Solved Programs