Friday, 26 October 2012

Design Facebook Style Alert Box

In , , , // siddhu vydyabhushana // 3 comments
Good night to all of my site viewers and my friends because time was 11:30pm but i got mail from my friend to post how the fb style alert confirm box will work , deisgn so i designed with jQuery and Css ok Lets Start....................!



Download Some scripts :

1)jQuery.alert.js
2)jquery_facebook.alert.js
3)facebook.alert.css

Download ALL in one:
Download Here



HTML /JAVA SCRIPT CODE:



<link href="facebook.alert.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery_facebook.alert.js"></script>
 <script type="text/javascript">
   $(document).ready( function() {
    $(".delete_post").click( function() 
   {
   jConfirm('Press DELETE to remove post', 'Confirmation Dialog', 
     function(r) {
     if(r==true)
     {
         $(".divbody").slideToggle(300);
     }
     });
    });
    });
   </script>
<body bgcolor='#eee'>
<div class='divbody'>
<div id='divimg'>
<img src='https://www.opendrive.com/files/62612599_vSCTi/admin.jpg' width='70' height='80' alt='siddhu vydyabhushana'></img>
</div>
<div id='divtext'>
<a href='#' class='delete_post' id='1' '>X</a>
just 5 min ago i developed it , am developing fb wall script ....<a href='http://feeds.feedburner.com/AitamE-learning'>Click Here</a><br><br>
<div id="time">5 min ago</div>
</div>
</div>


3 comments:

Designed By Blogtipsntricks. In Association With Tozilnutpam and Praverb Dot Net.

© 2012 Java,Android,j2ee and jsp tutorials blog