Kommentare sind ein wichtiger und bisweilen auch nützlicher Bestandteil eines Weblog-Systems. Benutzer können so ihre Meinung zu dem Geschriebenen kundtun, man kann unter Umständen in einen Dialog treten und lernt so auch neue Menschen kennen. Eine Vorschau erweist sich dabei als hilfreich.
Die Eingabe eines Kommentars erfolgt über ein normales Formular, was aber von Haus aus keine Möglichkeit einer Vorschau bietet. So ist der Benutzer gezwungen, dass Kommentar erst abzuschicken, bevor er das Ergebnis sehen kann - was mitunter zu bösen Überraschungen führt. Eine Vorschaufunktion macht also durchaus Sinn.
Im Folgenden zeige ich meine Realisierung. Diese basiert auf WordPress, lässt sich aber prinzipiell auf jedem Weblog-System anwenden, da die Aufbereitung von Kommentaren immer gleich ist.
Inhalt
- Vorgedanken
- Umsetzung der Pflichtbestandteile
- Umsetzung von Gravatar-Vorschau
- Abschluss
1. Vorgedanken
Zuerst einmal muss man sich klarmachen, was man erreichen will und wie man es erreichen kann. In diesem Fall sollen die Werte aus einem Formular on-the-fly verarbeitet und in einer Vorschau angezeigt werden. Typisch für ein Blog sind die Felder für Name, Email-Adresse, URL zu einer Website und das Kommentar selbst. Die Kommentare selbst werden in einer Liste ausgegeben und folgen immer demselben (theme-abhängigen) Schema. Das ist wichtig zu wissen, da die Vorschau erst bei Nutzung generiert wird.
Ferner muss man sich überlegen, wie die Vorschau reagieren soll, wenn nur bestimmte Felder bisher ausgefüllt wurden. Relevant für die Vorschau sind Name, URL und Kommentar (die Email-Adresse wird überlicherweise nicht ausgegeben). Name und URL werden bei der Ausgabe aber verknüpft, also muss man berücksichtigen, dass der Benutzer Name und/oder URL noch nicht eingegeben hat.
Auch zu welchem Zeitpunkt die Vorschau aktiv werden soll muss berücksichtigt werden. Sinnvoll ist, sobald eins der Felder einen Inhalt bekommt (also beim ersten Tastenanschlag) bzw. wenn ein Feld den Fokus verliert (der Benutzer klickt z.B. erst auf Name, gibt nichts ein und klickt dann auf URL). Email ist ein Sonderfall, hier sollte die Aktualisierung nur beim Verlieren des Fokus's erfolgen - warum, wird später ersichtlich.
Zusammengefasst ergibt sich folgendes:
- Kommentarfelder Name, URL, Kommentar ständig überwachen und bei Änderung Vorschau generieren
- Berücksichtigen, dass noch nicht alle Felder ausgefüllt sind (insbesondere Name und URL)
- Die Fälle festlegen, ab wann die Vorschau das erste Mal aktiv werden soll
Hinweis für die Feedleser: Das ist ein Beitrag über mehrere Seiten, von der im RSS-Feed nur die Erste dargestellt wird.