EMC2 Alert Boxes uses jQuery and HTML5 animations to provide a great-looking, simple and functional alerting system. Alert boxes can be placed using the [emc2alert]
shortcode or by calling the $().emc2alert()
jQuery function!
Check the demo at http://alert.emc2innovation.com !
Easy to use! Insert a shortcode on any page using a quick-create TinyMCE icon, or create alerts on the fly using jQuery:
Shortcode: [emc2alert]This is some text![/emc2alert]
-or-
jQuery: $('body').emc2alert({ text:"This is some text!" });
Advanced Usage
Shortcode
[emc2alert type=”success” style=”normal” width=”300px” position=”top” wpbar=”auto” visible=”visible” closebtn=”1″ title=”Introducing…” animate=”true”]A great way to alert your visitors![/emc2alert]
Defaults:
jQuery
$('body').emc2alert({ // Prepends Alert Box to 'body' element
title: "Your Title", // or $('myTitleDiv').html()
text: "Your Message", // or $('myMsgDiv').html()
type: "info", // 'info', 'warning', 'error', 'success' - determines bg colors
style: "normal", // 'normal', 'fixed' - in page or fixed to top or bottom
visible: true, // true, false - hides if necessary
position: "top", // 'top', 'bottom' - positions box on page
width: null, // '100%', '960px' - specify units
closebtn: false, // true, false - displays close button in corner
wpbar: false, // true, false, 'auto' - adds top margin to avoid admin bar, with auto-detect
animate: false // true, false - adds open/close animation
});
BIG thanks to Red Team Design’s work!
To Do list:
Known bugs:
EMC2 Alert Boxes will work straight out of the box. Everything is configured from the shortcode or jQuery call! Post in the forums if you want to see a feature added.
If you are editing with the TinyMCE WYSIWYG interface, you will notice an orange triangle icon appear. This is a quick-build shortcode generator in case you forget exactly