Sexy Alert Box with MooTools
Thanks for visiting! If you're new here, you may want to subscribe to my Rss Feed. This blog posts regular Internet news, updates for apps, security, ideas, hacks, quick fixes and everything about hi-tech. Go ahead, Subscribe to our Feed or Register for Free!
The author decided to call SexyAlertBox and is a mod to change the default style of JavaScript Alert Box. This script use MooTools to create the animation and look really good.
Here is another demo:
Adding this effect to your pages is simply. Here is a short guide:
1. Edit the <head>
You can download the package and inside you can find everything what you need for this effect. Before the head tag add this two lines:
<script src="mootools.js" type="text/javascript"></script>
<script src="sexyalertbox.v1.js" type="text/javascript"></script>
…add also this line for the CSS file:
<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" />
2. Edit the HTML Code
Add this line of code within the <body> tag:
<script type="text/javascript"> window.addEvent('domready', function() {
Sexy = new SexyAlertBox();
});
</script>
…and to have an example create a link which display an alert box with a simple message:
<a href="#" onclick="Sexy.alert('Hello Sexy Box!'); return false;">Sexy Box Effect!</a>
Download and live demo coders.me
This blog is about Hacks, Tips and Free Resourses for the Word Wide Web. Comments are welcome! Feel free to 
lirent.net
3 Comments on “Sexy Alert Box with MooTools”
Can you please help me how to use these alert boxes in asp.net page with out head and body tags.
take a look here: http://www.w3schools.com/aspnet/aspnet_pages.asp
Thank you very much for your quick reply.I worked with these alert boxes on html pages.Its working fine. I wanted to use these sexyalert boxes on an asp.net page with a master page.So on that page no head and body tags.I am using java script code after the
some code.So I wanted to use sexy alert box in that code.Can you please let me know how to use these alert boxes.
Thanks in advance.