在 asp.net 中向用户发送通知

Question

我尝试用 asp.net 发送通知

当管理员登录并单击添加消息时，此消息会在用户登录时发送给用户，然后弹出通知

在这里我尝试

<input class="add_message" type="text" value="type your message" name="add_message">
</input>
 <input type="button" value="add message" 
    önclick="sNotify.addToQueue($(".add_message").attr("value"))"></input>
   <script type='text/javascript'>
   sNotify.addToQueue("You can add your message here."); 
   sNotify.timeOpen = 10;

此代码在尝试批准中.aspx

这是我得到概念的链接..请参阅此链接，我在JS文件夹中实现并添加JavaScript并尝试对其进行编码，但是当我单击添加消息时，弹出无法出现...？？我是怎么做到的？链接

有什么帮助吗？

头部部分代码

<link href='css/sNotify.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
<script src="js/sNotify.js" type="text/javascript"></script>

这是 CSS

 body {
    width: 100%;
    overflow: hidden;   
}
.sNotify_message {
    width: 250px;
    padding: 20px;
    background-color: white;
    position: absolute;
    display: none;
    right: 0px;
    top: 20px;
    margin-bottom: 20px;
    text-align: justify;
    border: 1px solid #808080;
}
.sNotify_close {
    display: block;
    background-color: black;
    padding: 3px;
    position: absolute;
    top: -5px;
    right: -5px;
    color: white;
    font-weight: bold;
    width: 10px;
    height: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 10px;
}

这是 JS

var sNotify = {
    timeOpen: 10,   //change this number to the amount of second you want the message opened
    queue: new Array(),
    closeQueue: new Array(),
    addToQueue: function(msg) {
        sNotify.queue.push(msg);
    },
    createMessage: function(msg) {
        //create HTML + set CSS
        var messageBox = $("<div><span class="sNotify_close">x</span>" + msg + "</div>").prependTo("body");
        $(messageBox).addClass("sNotify_message");
        sNotify.enableActions(messageBox);
        sNotify.closeQueue.push(0);
        return $(messageBox);
    },
    loopQueue: function() {
        //pop queue
        if (sNotify.queue.length > 0) {
            var messageBox = sNotify.createMessage(sNotify.queue[0]);
            sNotify.popMessage(messageBox);
            sNotify.queue.splice(0,1);
        }
        //close queue
        if (sNotify.closeQueue.length > 0) {
            var indexes = new Array();
            for (var i = 0; i < sNotify.closeQueue.length; i++) {
                sNotify.closeQueue[i]++;
                if (sNotify.closeQueue[i] > sNotify.timeOpen) {
                    indexes.push(i);
                }
            }
            //now close them
            for (var i = 0; i < indexes.length; i++) {
                var buttons = $(".sNotify_close");
                sNotify.closeMessage($(buttons[($(buttons).length - indexes[i]) - 1]));
                sNotify.closeQueue.splice(indexes[i],1);    
            }
        }
    },
    enableActions: function(messageBox) {
        //reset timer when hovering
        $(messageBox).hover(
            function() {
                var index = ($(this).nextAll().length - 1);
                sNotify.closeQueue[index] = -1000;
            },
            function() {
                var index = ($(this).nextAll().length - 1);
                sNotify.closeQueue[index] = 0;
            }
        );
        //enable click close button
        $(messageBox).find(".sNotify_close").click(function() {
            sNotify.closeMessage(this);
        });
    },
    popMessage: function(messageBox) {
        $(messageBox).css({
            marginRight: "-290px",
            opacity: 0.2,
            display: "block"
        });
        var height = parseInt($(messageBox).outerHeight()) + parseInt($(messageBox).css("margin-bottom"));
        $(".sNotify_message").next().each(function() {
            var topThis = $(this).css("top");
            if (topThis == "auto") {
                topThis = 0;
            }
            var newTop = parseInt(topThis) + parseInt(height);
            $(this).animate({
                top: newTop + "px"
            }, {
                queue: false,
                duration: 600
            });
        });
        $(messageBox).animate({
            marginRight: "20px",
            opacity: 1.0
        }, 800);
    },
    closeMessage: function(button) {
        var height = parseInt($(button).parent().outerHeight()) + parseInt($(button).parent().css("margin-bottom"));
        $(button).parent().nextAll().each(function() {
            var topThis = $(this).css("top");
            if (topThis == "auto") {
                topThis = 0;
            }
            var newTop = parseInt(topThis) - parseInt(height);
            $(this).animate({
                top: newTop + "px"
            }, {
                queue: false,
                duration: 300
            });
        });
        $(button).parent().hide(200, function() {
            $(this).remove();
        });
    }
}
setInterval("sNotify.loopQueue()", 900);

这是按钮点击代码

<input class="add_message" type="text" value="type your message" name="add_message"></input>
<input type="button" value="add message" onclick="sNotify.addToQueue($(".add_message").attr("value"))"></input>

假设有两种形式 abc.aspx 和 def.aspx 形式，我在 abc 中完成了代码.aspx它可以工作，当管理员按下按钮然后弹出窗口出现在 ABC .aspx 页面中时，但我希望在这里当管理员按下按钮然后通知发送到 Def.aspx 表单，即用户表单..

Answer 1

抱歉，

这应该是一个评论，但还没有足够的代表

我注意到的第一件事是 onclick 作为 ö 而不是 o - 它可以这么简单，但正如 Susai 所说 - 更多的代码会有所帮助！

Answer 2

您在管理页面中使用了sNotify插件（例如abc.aspx）。正如你所说，你没有在用户页面中实现它（比如def.aspx）。sNotify 插件不会在未实现的地方自动将通知填充到其他页面。

要实现您的目标，请将所有通知保存在管理页面中。在用户页面中实现 sNotify 插件。使用服务器推送或拉取技术读取保存的通知并将其添加到 sNotify 队列中，以便在管理员执行操作时通知将显示在用户页面中。