Remove library/jgrowl
This commit is contained in:
parent
9b0fc558f7
commit
eb7a86f9ad
4 changed files with 0 additions and 164 deletions
|
@ -1,4 +0,0 @@
|
|||
Copyright (c) 2012 Stan Lemon
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@ -1,50 +0,0 @@
|
|||
# jGrowl
|
||||
jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. The idea is simple, deliver notifications to the end user in a noticeable way that doesn't obstruct the work flow and yet keeps the user informed.
|
||||
|
||||
## Example usages
|
||||
// Sample 1
|
||||
$.jGrowl("Hello world!");
|
||||
// Sample 2
|
||||
$.jGrowl("Stick this!", { sticky: true });
|
||||
// Sample 3
|
||||
$.jGrowl("A message with a header", { header: 'Important' });
|
||||
// Sample 4
|
||||
$.jGrowl("A message that will live a little longer.", { life: 10000 });
|
||||
// Sample 5
|
||||
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
|
||||
beforeClose: function(e,m) {
|
||||
alert('About to close this notification!');
|
||||
},
|
||||
animateOpen: {
|
||||
height: 'show'
|
||||
}
|
||||
});
|
||||
|
||||
## Configuration Options
|
||||
| Option | Default | Description |
|
||||
|------------------|--------------------------------------|------------------------------------------------------------|
|
||||
| pool | 0 | Limit the number of messages appearing at a given time to the number in the pool. |
|
||||
| header | empty | Optional header to prefix the message, this is often helpful for associating messages to each other. |
|
||||
| group | empty | A css class to be applied to notifications when they are created, useful for 'grouping' notifications by a css selector. |
|
||||
| sticky | false | When set to true a message will stick to the screen until it is intentionally closed by the user. |
|
||||
| position | top-right | Designates a class which is applied to the jGrowl container and controls it's position on the screen. By Default there are five options available, top-left, top-right, bottom-left, bottom-right, center. This must be changed in the defaults before the startup method is called. |
|
||||
| glue | after | Designates whether a jGrowl notification should be appended to the container after all notifications, or whether it should be prepended to the container before all notifications. Options are after or before. |
|
||||
| theme | default | A CSS class designating custom styling for this particular message, intended for use with jQuery UI. |
|
||||
| themeState | highlight | A CSS class designating custom styling for this particular message and it's state, intended for use with jQuery UI. |
|
||||
| corners | 10px | If the corners jQuery plugin is include this option specifies the curvature radius to be used for the notifications as they are created. |
|
||||
| check | 250 | The frequency that jGrowl should check for messages to be scrubbed from the screen.This must be changed in the defaults before the startup method is called. |
|
||||
| life | 3000 | The lifespan of a non-sticky message on the screen. |
|
||||
| closeDuration | normal | The animation speed used to close a notification. |
|
||||
| openDuration | normal | The animation speed used to open a notification. |
|
||||
| easing | swing | The easing method to be used with the animation for opening and closing a notification. |
|
||||
| closer | true | Whether or not the close-all button should be used when more then one notification appears on the screen. Optionally this property can be set to a function which will be used as a callback when the close all button is clicked. This must be changed in the defaults before the startup method is called. |
|
||||
| closeTemplate | × | This content is used for the individual notification close links that are added to the corner of a notification. This must be changed in the defaults before the startup method is called. |
|
||||
| closerTemplate | <div>[ close all ]</div> | This content is used for the close-all link that is added to the bottom of a jGrowl container when it contains more than one notification. This must be changed in the defaults before the startup method is called. |
|
||||
| log | function(e,m,o) {} | Callback to be used before anything is done with the notification. This is intended to be used if the user would like to have some type of logging mechanism for all notifications passed to jGrowl. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| beforeOpen | function(e,m,o) {} | Callback to be used before a new notification is opened. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| afterOpen | function(e,m,o) {} | Callback to be used after a new notification is opened. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| open | function(e,m,o) {} | Callback to be used when a new notification is opened. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| beforeClose | function(e,m,o) {} | Callback to be used before a new notification is closed. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| close | function(e,m,o) {} | Callback to be used when a new notification is closed. This callback receives the notification's DOM context, the notifications message and it's option object. |
|
||||
| animateOpen | { opacity: 'show' } | The animation properties to use when opening a new notification (default to fadeOut). |
|
||||
| animateClose | { opacity: 'hide' } | The animation properties to use when closing a new notification (defaults to fadeIn). |
|
|
@ -1,108 +0,0 @@
|
|||
/** Special IE6 Style Positioning **/
|
||||
.ie6 {
|
||||
position: absolute;
|
||||
}
|
||||
.ie6.top-right {
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
.ie6.top-left {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
.ie6.bottom-right {
|
||||
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
.ie6.bottom-left {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
}
|
||||
.ie6.center {
|
||||
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
|
||||
width: 100%;
|
||||
}
|
||||
/** jGrowl Styling **/
|
||||
.jGrowl {
|
||||
z-index: 9999;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
position: fixed;
|
||||
}
|
||||
.jGrowl.top-left {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
.jGrowl.top-right {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
.jGrowl.bottom-left {
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.jGrowl.bottom-right {
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.jGrowl.center {
|
||||
top: 0px;
|
||||
width: 50%;
|
||||
left: 25%;
|
||||
}
|
||||
/** Cross Browser Styling **/
|
||||
.center .jGrowl-notification, .center .jGrowl-closer {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
|
||||
background-color: #000;
|
||||
opacity: .85;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
|
||||
zoom: 1;
|
||||
width: 235px;
|
||||
padding: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.jGrowl .jGrowl-notification {
|
||||
min-height: 40px;
|
||||
}
|
||||
.jGrowl .jGrowl-notification,
|
||||
.jGrowl .jGrowl-closer {
|
||||
margin: 10px;
|
||||
}
|
||||
.jGrowl .jGrowl-notification .jGrowl-header {
|
||||
font-weight: bold;
|
||||
font-size: .85em;
|
||||
}
|
||||
.jGrowl .jGrowl-notification .jGrowl-close {
|
||||
z-index: 99;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jGrowl .jGrowl-closer {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
cursor: pointer;
|
||||
font-size: .9em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
/** Hide jGrowl when printing **/
|
||||
@media print {
|
||||
.jGrowl {
|
||||
display: none;
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue