c_alert's Introduction

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

Recommend Projects