c_alert
c_alert.js is a jQuery plugin to simply create custom alert.
Getting started:
1. Load jQuery and include c_alert's plugin files
After you download c_alert, move c_alert.css and c_alert.js to your root's CSS and JavaScript directories. Next, load jQuery and include c_alert's CSS and JavaScript files inside of your tags:
<head> ... <script src="jquery.js"></script> <script src="c_alert.js"></script> <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/c_alert.css" /> ... </head>
This is an example of alert setup, for all values and properties click 2. Set up the alerthere
var options = { scrollbar: false, width: "50%", color: "#ffffff", font: "'Montserrat', sans-serif", uppercase: true, x_toclose: true } c_alert_settings(options);
3. Manage the alert
/*c_alert have two optional parameters: -First one: "html" -> the simple text or html text that will appear in the alert. -Second one: "button" -> the text for the window button[default: "Ok"], if you put put an empty string for this parameter, there's no button. If you call the function without both parameters, this will return the text into it. */ //Examples c_alert('Heyyy, this is first example!'); //it will show you the alert with simple text:"Heyyy, this is first example!". c_alert(); //in this case it will return "Heyyy, this is first example!". c_alert_close(); //this will close the alert.
for all documentation open documentation.html