私は自分のサイトにstackoverflow-esqタイプの通知バーを追加しています。サーバー側で 私はディスプレイ用のdivを追加してい:asp.net - ユーザー通知の実装
for (int i = 0; i < dt.Rows.Count; i++)
{
string script = "<div class='hover-notification' style='display:none;'>";
script += dt.Rows[i]["messageText"].ToString();
if ((bool)dt.Rows[i]["canDismiss"] == false)
script += "<span class='dismiss'><a title='Dismiss notification'>x</a></span>";
script += "</div>";
ClientScript.RegisterClientScriptBlock(this.GetType(), "clientScript" + i, script);
}
クライアント側のコードは次のとおりです。
$(document).ready(function() {
$('.hover-notification').prependTo('body').slideDown('slow');
$('.dismiss').click(function() { $(this).parent().slideUp('slow').remove(); });
});
私はすべてのユーザーに対してメッセージのすべてを保持し、メッセージID、主を持つテーブルを持っていますキー。メッセージはいくつかのイベントでテーブルに追加され、却下されないメッセージは他のイベントで削除されます。 私がしたいことは、ユーザが解読ボタンをクリックすると、メッセージが消滅したとマークすることです。
私はこれを行う方法がわかりません。 誰かが私を正しい方向に向けることができますか?
P.S.私はこれまでに持っていたサーバー側/クライアント側のコードについてのコメントも公開しています。
jsfiddle.netで具体的な例を提供できますか? – ChristopheCVB
@ChristopheCVB - ここに行きます:http://jsfiddle.net/7QS7D/ –
それは今動作していますか? – ChristopheCVB