I'm trying to manipulate a tutorial found here,
http://tympanus.net/codrops/2009/12/03/css-and-jquery-tutorial-overlay-with-slide-out-box/
It is an overlay that occurs when <a id='activator' class='activator></a> it clicked. However, i would like to use this as a sort of "successful action" message. When the user does an action, the page reloads, saves the php and mysql information that was entered, and then prints the overlay on the page.
Heres the javascript code:
Any help is appreciated, thanks!
http://tympanus.net/codrops/2009/12/03/css-and-jquery-tutorial-overlay-with-slide-out-box/
It is an overlay that occurs when <a id='activator' class='activator></a> it clicked. However, i would like to use this as a sort of "successful action" message. When the user does an action, the page reloads, saves the php and mysql information that was entered, and then prints the overlay on the page.
Heres the javascript code:
Code:
<script type="text/javascript">
$(function() {
$('#activator').click(function(){
$('#overlay').fadeIn('fast',function(){
$('#box').animate({'top':'160px'},500);
});
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-200px'},500,function(){
$('#overlay').fadeOut('fast');
});
});
});
</script>
Any help is appreciated, thanks!