| Ratings | | Unique User Downloads | | Download Rankings |
| Not enough user ratings | | Total: 94 | | All time: 425 This week: 5 |
| Version | | License | | JavaScript version | | Categories |
| gdmessage 1.0 | | Freely Distributable | | 1.0 | | Animation, HTML, jQuery |
|
| Description | | Author |
This is a jquery plugin to display user messages using Bootstrap.
It can make messages alerts and other types of messages to show to the user.
Currently it supports showing messages of types error, danger, status, info, warning, primary, validate and success.
It can set the messages with buttons for dismissing and closing with fading out effects. | |
|
Example
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Messages - Custom Plugin</title>
<link rel="stylesheet" href="bootstrap/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/jquery.gdMessage.css" type="text/css"/>
</head>
<body>
<h2 style="text-align: center">jQuery Plugin - Example</h2>
<div class="container">
<div id="gdMessageContainer">
</div>
<hr>
</div>
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="js/jquery.gdMessage.js"></script>
<script>
$(document).ready(
function ()
{
populateContainer(3);
showMessages();
}
);
function showMessages()
{
$('#myMess1').gdErrorMessage('1. This is an error message, using gdErrorMessage', {dismiss: true});
$('#myMess2').gdMessage('2. This is a default message without options', {type: 'default'});
$('#myMess3').gdInfoMessageClosable('3. This is a dismissable info message, using gdInfoMessageClosable');
}
function populateContainer(count)
{
var html = '';
for (var number = 1; number <= count; number++)
{
html += "<div id=\"myMess" + number + "\"></div>";
}
$("#gdMessageContainer").gdMessageClear().html(html);
}
</script>
</body>
</html>
|
Details
Installation
-
copy the entire package to a folder of your choice
-
determine if you need/want to replace the files in the bootstrap folder (see http://getbootstrap.com/)
All path references are relative, so if you move files, or rename folders, be aware that you may need
to change some references.
example.php is a scaled-down version from index.php and is intended to be studied on how to customize
index.php is a mini application that loads information via ajax, and messages via the jquery.gdMessage.js plugin
No license required. Use as you see fit.
Gerry Danen
gdanen@yahoo.com
| |
Applications that use this package |
|
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.
Download
Files
example.php
msgDefault.png
