Kommentar-Preview für das eigene Blog

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

  1. Vorgedanken
  2. Umsetzung der Pflichtbestandteile
  3. Umsetzung von Gravatar-Vorschau
  4. 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.

Diskussion: 4 Kommentare

Neu RSS
  1. 1 Malte (Website)

    Tipp zu der MD5 Lib. : Wenn man die durch einen der gängigen Javascript Compressor zieht, kann man noch ein paar KB wettmachen.

    AntwortenReply to this comment
  2. 2 Jeriko (Website)

    12 Kilobyte insgesamt sind ja nicht die Welt, außerdem bleibt so noch die Lesbarkeit erhalten. Bei Kompression bevorzuge ich da eher gzip via PHP (so wie’s hier auch eingesetzt wird), muss dann allerdings client-seitig unterstützt werden.

    AntwortenReply to this comment
  3. 3 Malte (Website)

    hm stimmt, ich bin immer noch nicht ganz bei der aktuellen Internetgeschwindigkeit angekommen ^^
    Schön, dass du dir die Arbeit gemacht hast, der Kommentarvorschau so gründlich zu scripten, mein 10minutes-Hack habe ich seit Gravatar down war runtergenommen. Jetzt nehme ich deine Version.

    AntwortenReply to this comment
  4. 4 Chris

    Respekt, das ist wirklich mal etwas brauchbares, weiter so!

    AntwortenReply to this comment

Kommentar schreiben

SEOs brauchen es erst gar nicht probieren, werbliche Kommentare (Links zu Shops, Firmen, o.ä.) werden ebenfalls als Spam markiert. Wenn ihr etwas völlig anderes beisteuern wollt, dann bitte über den normalen Kontakt.

oder