Facebook-Statusleiste

Um im Boden sein, es immer zu haben, ist, dass mehr von CSS als Javascript. Ich glaube, Sie würden bessere Antworten bekommen, wenn Sie spezifischere sind. Zum Beispiel möchte ich die Antwort herum zu drehen, wie das funktioniert Chat auf Facebook. Ist die Javascript-Anfrage jede Sekunde gesendet werden, für neue Nachrichten zu überprüfen? oder gibt es ein anderes Protokoll zum Einsatz, um Instant Messages zu haben?

Es ist nicht klar , was Ihr sucht: Bar-Design oder es ist Funktionalität. Wenn Ihr über Design sprechen sollten Sie suchen in der CSS - Positionierung (absolut). Wenn es um Funktionalität ist nehme ich an, dass es irgendeine Art von Ajax Javascript ist , die alle x Sekunden überprüft , ob Zustandsänderung ist, und wenn es geht tiefer und herauszufinden , was zu laden.

Ich sah durch den jQuery - Plugins, und googeln das Thema für Sie. Alles , was ich war finden konnte dies nicht genau das , was Sie wollen, aber es ist ein guter Anfang. Bei einigem Stil ändert, und ein wenig Feintuning könnte es leicht genau so aussehen wie die Facebook - Bar.

Nicht sicher, dass dies die Art von Antwort, die Sie suchen, aber ich habe für die gleiche Sache suchen und dieser Code scheint zumindest zeigen, wie es gemacht wird.

Hier ist ein weiterer guter Ausgangspunkt: http://www.ben-griffiths.com/project/jquery-position-footer/ . Wenn ich mich richtig erinnere es funktioniert in FF & IE & Safari

Warum Download nicht nur den Quellcode Facebook und werfen Sie einen Blick auf , wie sie es tun? Sie eröffnen eine Menge von dem Zeug bezogen sie verwenden / erstellt / verbessert.

Hier sind einige nützliche Links / Plugins, die Ihnen helfen könnten:

Die Positionierung der Fußzeile

Aktivieren Sie per Drag / Drop der Dinge (wie Anwendungen)

Tooltip (beim Schweben)

Und für die Interaktion mit dem Server (für neue Ereignisse etc.) Sie könnten die Verwendung AJAX - Funktionalität in jQuery :

Soh Tanaka löschte gerade eine große Schritt- für -Schritt - Anleitung , wie die Facebook - Statusleiste neu zu erstellen: