Für Menschen · Seien Sie begeistert und Sie werden begeistern !
Im aktuellen Theme „Alles anders!“ habe ich einige kleine Veränderungen vorgenommen. Unter anderem wollte Leo einige kleine Vorzüge haben.
Die klassischen Lösungen via Plugin o.ä. waren mir nicht so richtig durchdacht bzw. fehlerhaft und ich wollte außerdem die Datenmenge gern klein haben. Deshalb habe ich einige Lösung auf Basis jQuery (Vorschau und Ajax-Eintragung) eingebaut und nun auch noch Quicktags (auf Basis von Tilo), wobei auch ein Script entstanden ist.
Ich würde gern wissen, ob es noch Wünsche im Bereich Kommentare gibt, fehlen Buttons oder streiken wieder Browser, die nicht in meiner Testumgebung zur Verfügung stehen?
Vielen Dank an alle, die sich die Mühe eines Feedbacks machen!
händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.
Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.
xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>
Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als < und > als > einfügt.
E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.
Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.
Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.
Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.
bueltge.de [by:ltge.de] wird von Frank Bültge geführt, administriert und gestaltet. Alle Inhalte sind persönlich von mir ausgewählt und erstellt, nach bestem Gewissen und Können, was die Möglichkeit von Fehlern nicht ausschließt.
Das Weblog wird angetrieben von WordPress und aktuell gibt es 971 Beiträge, 19461 Kommentare in 14 Kategorien und 459 Tags.
Das Blog wird liebevoll mit xHTML & CSS in Handarbeit gestaltet. Erstellt mit ♥ zum Befüllen und Erhalten.
Design und Code ist unter Copyright
© 2001 - 2012 bueltge.de [by:ltge.de]
21. November 2007 um 14:05
Hei Frank!
Habs eben mal auf nem Mac (auf dem läuft 10.5) unter folgenden Browsern probiert: Safari3, FF (2.0.0.9), Flock (1.0.1), Netscape Navigator (9.0.0.3) und Opera (9.2.4).
Javascript läuft über schnell, flüssig und macht wirklich nen feinen Eindruck! Ebenso die quicktags. Einzig der neue Safari hat nen Darstellungsproblem (glaube nicht es liegt am Java). Es haut nämlich unter "Dein Kommentar" irre viel Leerraum rein. Dazu zwei Screenshots als zip gepackt. Im Opera geht der Text "eMail-Benachrichtigung ..." ein bissl über die Checkbox, ist aber eher ein schönheitsding. Funktionieren tuts trotzdem. Aber wenn du noch ein bissl am Design fummelst, kannste ja die Schriftgröße von der diversen Kommentar-eingabefelder angleichen. Versteh immer nicht so ganz, warum das Kommentar ne größere Schrift bekommt als Webseit, Name und eMail.
So long und wie immer sehr fein gemacht!
M
21. November 2007 um 14:40
Hallo Markus,
vielen Dank für die Tests, sehr hilfreich!
Das Problem mit dem großen Abstand muss ich mir mal ansehen, dass ärgert mich aber. Text-Größe habe ich angepasst, empfand es im Vorfeld als angenehm.
LG Frank
21. November 2007 um 15:46
21. November 2007 um 15:51
Hej Frank,
danke, dass Dir das Script gefällt
Hab diese Seite mal unter FF 2.0.0.9, IE 6.0.29 und Konqueror 3.5.5 getestet.
FF und IE zeigen die gewünschten Ergebnisse (nur im IE ist das Kommentarfeld 1-zeilig - aber das ist bestimmt so von Dir beabsichtigt).
Im Konqueror wird das Kommentarfeld erst unterhalt der letzten Seitenliste (Projekte) dargestellt. Auch kommt der Konqueror nicht mit der Ausblend- / Einblend-Funktion von den Kommentaren und der Kommentar-Hilfe klar. Diese Felder sind geöffnet und können bei Klick auf das /- - Zeichen nicht geöffnet / geschlossen werden. Hab Dir mal 2 Screenshots vom Konqueror bereitgestellt.
Ansonsten: Sehr gut gemacht und das neue Layout gefällt mir sehr gut!
VG Tilo
22. November 2007 um 07:58
Hallo Tilo,
danke für dein Feedback.
Die Größe des Eingabefeldes sollte eigentlich überall gleich sein, aber der IE ist mir (fast) schnuppe. Woran es liegt? - keine Ahnung, da muss ich mal mehr Zeit investieren.
Das aber das Feld im Konquerer und Safari so weit unten sind, das nervt. Allerdings habe ich auf die schnelle keine Idee und so muss ich es mal in Ruhe angehen.
Solltest du eine Idee haben, ich wäre dankbar.
* Ich hoffe die Erwähnung in 3 Blogs ist Ok.
LG Frank
25. November 2007 um 14:04
deine seite finde ich total schön, das ist ein grund wiso ich dich nun lesen
der zweite ist, das ich von dir hier noch viel lernen kann, an texten, die gefallen mir sehr gut und aber auch die technischen umsetzungen.
aber eine anmerkung habe ich... wenn ich dann fertig bin mit schreiben und das ganze abgeschickt habe, kann die live vorschau doch ausgeblendet werden
25. November 2007 um 14:43
Die Vorschau reflektiert lediglich den Inhalt der textarea.
25. November 2007 um 18:36
dann sollte die live vorschau aber leer sein, nachdem ich auf senden getrückt habe, den das koemtar eingabe feld ist dann leer!
26. November 2007 um 19:01
Hej Frank,
kleiner Hinweis: zuerst wusste ich nicht, welche Funktion das Plus- und Minuszeichen über der Textbox haben, da bei Beiden im title-Attribut "Code einfügen" steht.
Jedenfalls kenne ich jetzt nach einem Klick auf die Zeichen deren Bedeutung. Wie heisst's so schön: probieren geht über studieren lol
LG
Tilo
26. November 2007 um 19:39
Danke für den Hinweis, habe es gleich ausgebessert.
27. November 2007 um 07:44
auch rom ist nicht an einem tag erbaut worden
kann mir vieleicht einer bei meinem design helfen, ich bekomme das die live vorschau nicht angezeigt
ich benutze das plugin LiveCommentPreview
im default style klapt es
ich benutze das theme Dark 3Chemical DE
27. November 2007 um 08:06
Die Vorschau realisiere ich mittels jQuery und ohne Plugin. Wenn du ein Problem mit dem Plugin hast, dann wende dich lieber an den Autor, denn ich muss mir auch die Beschreibung oder den Code erst ansehen.
4. Dezember 2007 um 22:38
kleine Anmerkung:
Habe gerade einen Kommentar zu dem Performance Plug-In geschrieben. Dabei fiel mir auf, dass Links (das am Anfang war auch ein Link) nicht auffallen. Außerdem zeigt die Vorschau den small Code (das war gerade small) an, der aber nicht umgesetzt wird.
Vermutlich nutzen die meisten dies aber ohnehin nicht.
5. Dezember 2007 um 07:56
@funkygog :
Der Link zu deinem Kommentar wird auch in der Vorschau und in small dargestellt. Mal sehen, ob small auch nach dem Absenden übernommen wird.
5. Dezember 2007 um 07:57
So wie es aussieht, funktioniert unter Firefox alles, Link ist in der Vorschau sichtbar und small wurde übernommen, eventuell hast du einen Tippfehler?
5. Dezember 2007 um 09:21
Hallo Frank,
Dein Link #14 fällt auch mehr auf als meiner #13 und jetzt schreibe ich nochmal etwas in small: habe hierfür html-Code benutzt.
5. Dezember 2007 um 12:09
Habe nun das Stylesheet ein wenig angepasst, so dass Links mehr auffallen, aber Unterschiede der Links in einzelnen Kommentaren gibt es nicht, auch nicht bei small.
7. August 2008 um 00:33
Hi, ich wurde an anderer Stelle mal wieder auf dich verwiesen (passt mir öfter *g*). Wie hast du die Quicktags genau bei dir eingebunden? Leider gibt es nur ältere Plugins die mit 2.5/2.6 nicht laufen und angeblich sollst du schon mal irgendwo eine Anpassung gemacht haben. Gefunden habe ich auf deiner Seite nichts. Vielleicht kannst du etwas detailierter verraten wie du deine Lösung hier eingebunden hast. Ev. hast du die .js Datei als Download über?
7. August 2008 um 09:16
@LastOne: Jared hat dafür schon ein Tutorial inkl. JS erstellt, im Grunde ist das genau meine Lösung. Ich hatte nur die Muse und Zeit um etwas zu schreiben.
7. August 2008 um 19:02
Schade, Jared's Lösung bekomme ich leider nicht implementiert, hab keine Ahnung woran das liegt. Im Standard-Theme funktioniert es, nur nicht in meinem eigentlichen Theme. Da werd ich mich wohl doch weiter damit auseinander Setzen müssen. Dachte du hättest hier ev. ne Abkürzung gehabt
8. August 2008 um 07:26
@LastOne: Kann doch eigentlich nur daran liegen, dass sich entweder das JS mit anderen nicht verträgt, oder das das Textfeld das falsche ID hat und dadurch nicht vom JS angesprochen werden kann.