Here i am explaining how to show different types of notification inasp.net.you also like my previous post
http://shibashishdotnetocean.blogspot.in/2012/08/how-to-show-different-notification-in.html
You can DownLoad This Source Code From My Code Project Article
Download ShibashishNotify.zip - 111.9 KB
Here is my Source Code:-
I am going to show you the Details:-
Download ShibashishNotify.zip - 111.9 KB
http://shibashishdotnetocean.blogspot.in/2012/08/how-to-show-different-notification-in.html
You can DownLoad This Source Code From My Code Project Article
Download ShibashishNotify.zip - 111.9 KB
Here is my Source Code:-
<%@ Page
Language="VB"
AutoEventWireup="false"
CodeFile="JqueryPlugIn.aspx.vb"
Inherits="JqueryPlugIn"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="js/jquery-1.4.1.min.js"
type="text/javascript"></script>
<script src="js/jquery.notty.js"
type="text/javascript"></script>
<link href="css/jquery.notty.css"
rel="stylesheet"
type="text/css"
/>
<link href="css/documentation.css"
rel="stylesheet"
type="text/css"
/>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
$('#sample1').click(function () {
$.notty({
content: "This is a <strong>text
notification</strong>."
});
return false;
});
$('#sample2').click(function () {
$.notty({
title: "2011 England riots",
content: "Widespread
public disturbances, including looting, arson attacks, burglary, robbery and
some rioting, are ongoing in some cities and towns in England."
});
return false;
});
$('#sample3').click(function () {
$.notty({
title: "Juno (spacecraft)",
content: "Juno is a
NASA New Frontiers mission to the planet Jupiter. It was originally proposed at
a cost of approximately US$700 million (FY03) for a June 2009 launch.",
img: "images/demo/thumb.jpg",
showTime: false
});
return false;
});
$('#sample4').click(function () {
$.notty({
content: 'This notification will disappear in
<strong>five seconds</strong>.',
timeout: 5000,
showTime: false
});
return false;
});
$('#sample5').click(function () {
$.notty({
content: "Click on me to try the
<strong>callback</strong> function",
click:
function () {
$.notty({
content: 'This notification was just
created.',
title: 'Callback!'
});
}
});
return false;
});
$('#sample6').click(function () {
var title = prompt("Please enter the title of the notification",
"Just another title");
var text = prompt("Please enter the the text of the notification",
"Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur enim massa, euismod id sollicitudin vitae, iaculis
quis erat. Duis et ligula sapien, sed varius lectus. Sed quis urna orci.");
var img = prompt("Please specify an image src", "");
if (img != '')
{
$.notty({
content: text,
title: title,
img: img
});
} else {
$.notty({
content: text,
title: title
});
}
return false;
});
$('#sample7').click(function () {
$.notty({
content: 'I have been clicked, so my work
here is complete. Elvi ... wait ... <strong>Superman</strong> has
left the building.',
img: "images/demo/thumb2.jpg",
timeout: 5000,
showTime: false
});
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="sample1"
runat="server"
Text="Button"
/>
<asp:Button ID="sample2"
runat="server"
Text="Button"
/>
<asp:Button ID="sample3"
runat="server"
Text="Button"
/>
<asp:Button ID="sample4"
runat="server"
Text="Button"
/>
<asp:Button ID="sample5"
runat="server"
Text="Button"
/>
<asp:Button ID="sample6"
runat="server"
Text="Button"
/>
<asp:Button ID="sample7"
runat="server"
Text="Button"
/>
</div>
</form>
</body>
</html>
Download ShibashishNotify.zip - 111.9 KB
No comments:
Post a Comment
Please don't spam, spam comments is not allowed here.