.net 生产;吐司;像StackOverflow这样的消息
每次构建web应用程序时,我都会考虑的一个问题是消息应该如何显示给最终用户 我尝试过windows应用程序中的消息框,但它们看起来很糟糕,在服务器上发布时会出现问题。我尝试了一个更新面板,在我的页面底部顶部有一个很酷的标签。但是我仍然觉得它不够好。有时我在使用AJAX的特定情况下会遇到问题,但对用户来说仍然不太好 我想询问一下StackOverFlow消息出现一段时间后消失的情况,例如,在向上或向下投票时以橙色显示的消息 我想构建这样的消息,或者重用能够提供这些消息的DLL。这是否可行 注::: 根据服务器端的特定条件为用户显示消息.net 生产;吐司;像StackOverflow这样的消息,.net,asp.net,jquery,ajax,messagebox,.net,Asp.net,Jquery,Ajax,Messagebox,每次构建web应用程序时,我都会考虑的一个问题是消息应该如何显示给最终用户 我尝试过windows应用程序中的消息框,但它们看起来很糟糕,在服务器上发布时会出现问题。我尝试了一个更新面板,在我的页面底部顶部有一个很酷的标签。但是我仍然觉得它不够好。有时我在使用AJAX的特定情况下会遇到问题,但对用户来说仍然不太好 我想询问一下StackOverFlow消息出现一段时间后消失的情况,例如,在向上或向下投票时以橙色显示的消息 我想构建这样的消息,或者重用能够提供这些消息的DLL。这是否可行 注:::
提前感谢。要创建效果,您可以使用这些工具 jQuery用户界面库。它为创建富Internet应用程序提供交互、小部件、效果和主题 您可以查看一些Jquery效果 基于Mootools JavaScript框架构建的web应用程序用户界面库具体来说,jQuery插件可以满足您的要求 只需在html中包含jQuery和jGrowl脚本,并开始使用$.jGrowl()函数生成消息 示例代码:
<html>
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jgrowl.js"></script>
<script>
$(function() {
$.jGrowl("My sticky message, loaded after the rest of the page", {sticky: true});
$("#mybutton").live("click", function(_) {
$.jGrowl("you clicked the button!");});
});
</script>
</head>
<body>
<button id="mybutton">click me</button>
</body>
</html>
$(函数(){
$.jGrowl(“我的粘性消息,在页面其余部分之后加载”{sticky:true});
$(“#我的按钮”).live(“单击”),函数(#){
$.jGrowl(“您单击了按钮!”;});
});
点击我
下面是通过.cs使用jGrowl(扩展Shane的答案)的一种方法
此示例在Web表单ASP.NET中提供
创建一个简单的带有1个按钮的aspx页面,并确保在页面标题中包含必要的jquery/jgrowl脚本和css引用,我在页面上还有一个ScriptManager和更新面板
在页面的代码隐藏中:
protected void Button1_Click(object sender, EventArgs e)
{
this.ShowStatus("This is your message!<br />Some HTML formatting works!<br />");
}
protected void ShowStatus(string message)
{
ScriptManager sm = ScriptManager.GetCurrent(Page);
if (sm.IsInAsyncPostBack)
{
string script = @"
$(document).ready(function() {
$.jGrowl.defaults.theme = 'iphone';
$.jGrowl('" + message + "', {theme: 'iphone',header: 'Notification',life: 8000});});";
ScriptManager.RegisterStartupScript(Page,this.GetType(), "notification", script,true);
}
}
受保护的无效按钮1\u单击(对象发送者,事件参数e)
{
this.ShowStatus(“这是您的邮件!
一些HTML格式工作!
”);
}
受保护的无效显示状态(字符串消息)
{
ScriptManager sm=ScriptManager.GetCurrent(第页);
if(sm.IsInAsyncPostBack)
{
字符串脚本=@“
$(文档).ready(函数(){
$.jGrowl.defaults.theme='iphone';
$.jGrowl(“+message+”,{主题:'iphone',标题:'Notification',life:8000};});“;
ScriptManager.RegisterStartupScript(第页,this.GetType(),“通知”,脚本,true);
}
}
自然地使用任何适合你的应用程序的主题,祝你好运!此外,这种方法仅根据需要加载通知脚本(在本例中,单击按钮后),但您可以将“ShowStatus”功能与代码中的其他事件/测试绑定。另一个非常好的JavaScript通知插件是
它还具有一个通知历史小部件。使用mootools的Notimoo插件。
昨天刚用过,喜欢配置选项
至少你可能想改写你的标题。目前它是模糊的,可能会导致问题被迁移(错误)以自由编辑我的问题,,我的英语不是很好,我只是尝试给出我的问题想法..谢谢关于jQuery警告,请参阅此处:它只是与IDEThank中的intellisense相关,但如何在.cs文件或.aspx中使用它们,你能给我举个简单的例子吗。我没有使用过.NET,但从我在线阅读的内容来看,在你的.aspx模板中包含类似于上述内容是相当简单的。+1很好地调用了jGrowl,它工作得很好,用.NET/.cs示例添加了我自己的答案典型的SO答案:使用Jquery!你希望有人提供什么其他答案?请随意提供更好的选择。在那之前。。。jQuery岩石@MaximGershkovich我会(如果我是问问题的人)如何使用JQuery来实现这一点,也就是说,是否有一个插件或示例正在运行。仅仅说明您可以使用JQuery有点像说您可以获得一条到X的总线,但没有说明从哪条总线或从哪里获得它。Regardsplease你能解释一下你写的方法吗::特别是你在中使用脚本管理器的部分我想知道它是如何工作的请..非常感谢你提供了关于RegisterStartupScript的更多信息,对于ScriptManager本身,请解释一下它们是如何工作的以及为什么工作的。做什么/不做什么?我从中提取的应用程序在IE/FF/Chrome中运行良好……有什么问题吗?@user418343>你的firefox版本是什么?你在firefox中有任何有趣的插件/外接程序吗?这是一个很棒的插件,,但是如何使用.cs文件我想在用户点击asp.net中的服务器按钮时显示此消息。非常感谢。我希望它能与IE和firefox一起使用。这看起来很好,,,那么如何在.cs文件中使用它。。。我在这个网站上搜索,找不到如何使用它们。。