Benachrichtigungsalarm ähnlich wie stackoverflow-Funktionen

Question

Wie erstellt stackoverflow den Slidedown-Effekt, um einen Benutzer auf eine Änderung hinzuweisen?

Answer 1

Stack-Überlauf verwendet die jQuery framework, das ein Verfahren hat ein verstecktes Element unter Verwendung eine einfache Animation zu zeigen, so etwas wie:

$('#notification-bar').show('slow'); 

http://api.jquery.com/show/ (überprüfen Sie die Demos out).

#notification-bar { 
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
} 

Answer 2

Scheint wie es mit AJAX und jQuery gemacht werden kann. Ein div bei 100% Breite oben, das nach unten rutscht und sich beim Empfang bestimmter Informationen mit Inhalt füllt. Interessieren Sie sich mehr für den Effekt oder die Backend-Funktionalität?

Answer 3

Ich denke, sie verwenden ein terminiertes Ereignis: jQuery Timed Event

, die an einen AJAX-Aufruf sendet das SO kappt: mit position:fixed in CSS

Es ist an der Oberseite der Seite befestigt http://api.jquery.com/jQuery.ajax/

Und dann zeigt es in der div mit der Wirkung Andy E

erwähnt

Answer 4

Es gibt eine sehr ähnliche Implementierung mit jQuery von StackOverflow-Effekt in der ASP.NET MVC 2.0 Starter Site vom TekPub-Team auf Codeplex.

möchten Sie vielleicht überprüfen.

Update: Ich habe es nur überprüft und die Art und Weise, wie das TekPub Team tat es wirklich ordentlich! Sie haben einen Flash-Helfer, der an die Sitzung gebunden ist. und alles, was Sie tun müssen, um die Flash-Hilfsmethoden im Controller aufzurufen, um die Flash-Nachrichten anzuzeigen.

hier ein Beispiel aus der Methode Anmelden Aktion:

var registered =_authService.RegisterUser(login, password, confirm, "", "", ""); 
if (registered) { 
    this.FlashInfo("Thank you for signing up!");       

    return AuthAndRedirect(login, login); 
} else { 
    this.FlashWarning("There was a problem with your registration"); 
} 

und hier ist ein Bild, wie es aussieht:

ich, dass Sie in ihrem Code zu sehen, wird dringend empfohlen .