🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

c_alert is a very simple jQuery plugin that provides modal-style alert dialog boxes for your webpage & web applications.

Modal alert Dialog

Documentation

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>

2. Set up the alert

This is an example of alert setup, for all values and properties click here
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

You May Also Like