Login   Register  
PHP Classes

File: nibble-flash-messaging/notice.js

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Luke Rotherfield  >  Nibble forms  >  nibble-flash-messaging/notice.js  >  Download  
File: nibble-flash-messaging/notice.js
Role: Application script
Content type: text/plain
Description: javascript flash messaging script
Class: Nibble forms
Generate and validate HTML forms with PHP
Author: By
Last change:
Date: 2 years ago
Size: 3,953 bytes


Class file image Download
*    jQuery.noticeAdd() and jQuery.noticeRemove()
*    These functions create and remove growl-like notices
*   Copyright (c) 2009 Tim Benniks
*    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.
*    @author     Tim Benniks <tim@timbenniks.com>
*     @copyright  2009 timbenniks.com
*    @version    $Id: jquery.notice.js 1 2009-01-24 12:24:18Z timbenniks $
        noticeAdd: function(options)
            var defaults = {
                inEffect:             {opacity: 'show'},    // in effect
                inEffectDuration:     600,                // in effect duration in miliseconds
                stayTime:             3000,                // time in miliseconds before the item has to disappear
                text:                 '',                    // content of the item
                stay:                 false,                // should the notice item stay or not?
                title:        'system message',  //Title value
                type:                 'notice'             // could also be error, succes
            // declare varaibles
            var options, noticeWrapAll, noticeItemOuter, noticeItemInner, noticeItemClose;
            options         = jQuery.extend({}, defaults, options);
            noticeWrapAll    = (!jQuery('.notice-wrap').length) ? jQuery('<div></div>').addClass('notice-wrap').appendTo('body') : jQuery('.notice-wrap');
            noticeItemOuter    = jQuery('<div></div>').addClass('notice-item-wrapper');
            noticeItemInner    = jQuery('<div></div>').hide().addClass('notice-item ' + options.type).appendTo(noticeWrapAll).html('<h2>'+options.title+'</h2>'+'<p>'+options.text+'</p>').animate(options.inEffect, options.inEffectDuration).wrap(noticeItemOuter);
            noticeItemClose    = jQuery('<div></div>').addClass('notice-item-close').prependTo(noticeItemInner).html('x').click(function() { jQuery.noticeRemove(noticeItemInner) });
            // hmmmz, zucht
            if(navigator.userAgent.match(/MSIE 6/i)) 
                noticeWrapAll.css({top: document.documentElement.scrollTop});
        noticeRemove: function(obj)
            obj.animate({opacity: '0'}, 600, function()
                obj.parent().animate({height: '0px'}, 300, function()
 *  Some additional functions to loop through the message divs
 *  and convert them into notifications using all of the provided
 *  arguments
function message(message_title,message_text,lifetime,sticky,message_type){
    text: message_text,
    title: message_title,
    type: message_type,
    stayTime: lifetime,
    stay: sticky

  return false;
$(document).ready(function () {
    if($(this).html() != ''){