In den letzten Tagen haben wir unsere Facebook Seite überarbeitet und dabei viele, auf der Facebook-eigenen Seitenbeschreibungssprache FBML gestützte Elemente eingefügt.
FBML hat sich in Verbindung mit CSS als mächtiges und flexibel zu handhabendes Werkzeug dargestellt. Einige dieser FBML-Elemente möchte ich hier in einer lockeren Reihe vorstellen. Eine Referenz der Facebook Markup Language (FBML) finden Sie bei Facebook Developers. Wir setzen die Reihe fort mit …
Eine Alertbox einbinden.
FBML bietet zur Anzeige einer Hinweisbox (Alertbox) einen Tag ‘fb:dialog’ an. Geöffnet wird diese Alertbox über eine OnKlick-Ereignis in einem ‘a-Tag’. Bei dieser Alertbox handelt es sich allerdings nicht im einen Pop-Up-Dialog oder Pop-Up-Alert im eigentlichen Sinn (eigenes Element, verschiebbar), sondern um ein eingeblendetes Div. Ein Beispiel:
Am halbtransparenten Rahmen des Dialoges ist erkennbar, das es sich um ein ürberlagendes Div handelt. Den Code-Schnipsel zur gibt es hier:
Einen Dialog mit einem Formular anzeigen.
Um ein solches Formular in einer Dialogbox zu öffnen, bedient man sich der gleichen Technik wie bei der Alertbox. Aufgerufen wird der Dialog über einen Link (Text und/oder Bild) mit einen OnKlick-Ereignis. Das Formular wird angezeigt über ‘fb:dialog’, wobei der Code für das Formular als HTML-Code hinterlegt ist. Im Beispiel oben ist ein kleines Kontaktformular eingebunden, das die Daten per EMail absetzt. Als Formmailer wird hier ein externes PHP-Script benutzt. Der etwas umfangreichere Code dieses Beispiels kann hier als PDF abgerufen werden.
Wird fortgesetzt mit ‘Newsletter-Anmeldung mit Double-Opt-In via Feedburner’, ‘Zufällige Inhalte einblenden’