Wednesday, August 8

How to Show Different Notification In using Jquery and Javascript ?

Hi I am going to show you different types of notification in

 You can DownLoad Source Code From My Code Project Article

Here is my Source Code:-
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">
       <title>Plugin jNotify v2.0</title>
       <meta http-equiv="description" content="" />
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <link rel="stylesheet" href="jquery/jNotify.jquery.css" type="text/css" />
<a href="#" class="success">It's a success !</a><br />
<a href="#" class="notice">It's a notice !</a><br />
<a href="#" class="error">It's an error !</a><br /><br />
<a href="#" class="three">Success, Notify and Error !!</a><br />

<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jNotify.jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        /** success **/
        $("a").click(function (e) {
            switch ($(this).attr('class')) {
                case 'success': jSuccess('Congratulations, a success box !!'); break;
                case 'notice': jNotify('Notification : <strong>Bold</strong>, <u>Underline</u> and <i>Italic</i> !'); break;
                case 'error': jError('ERROR : please retry !'); break;
                case 'three':
                    jSuccess('Success : a notify box comes after',
                                      TimeShown: 2500,
                                      onClosed: function () {
                                          jNotify('Notify : an error to finish. Please click to show the Error box',
                                                           VerticalPosition: 'top',
                                                           autoHide: false,
                                                           onClosed: function () {
                                                               jError('ERROR : now it\'s finished !<br />Please click on the overlay background to close jNotify ! :)', {
                                                                   clickOverlay: true,
                                                                   autoHide: false,
                                              HorizontalPosition: 'left'
       }             });


 You can DownLoad Source Code From My Code Project Article

No comments:

Post a Comment

Please don't spam, spam comments is not allowed here.

shibashish mohanty