Ab jetzt ist die Kommentarfunktion ein wenig mächtiger uns soll euch den Zugriff auf Textstellen und -passagen erleichtern.
Aufmerksame Leser haben vielleicht die Hinweise zu den Kommentaren schon gelesen und die Funktion genutzt? Ich habe seit geraumer Zeit eine Möglichkeit integriert, die es euch erlaubt sich auf bestimmte Texte aus dem Artikel zu beziehen, ohne großen Mehraufwand. Um die Funktion zu nutzen müsst ihr lediglich im Artikel den Text markieren, daraufhin erscheint ein Button mit dem Text „Antworten“. Beim Klick auf diesen Button wird der markierte Text direkt in die Textbox eures Kommentars übernommen und ihr könnt wie gewohnt euren Kommentar dazu schreiben. Der übernommene Text wird dabei als Zitat ausgezeichnet.
Ich wünsche mir, dass damit die Fragen für mich klarer werden und die Nutzung einfacher wird. Ebenso kann es natürlich genutzt werden um sich auf spezielle Bereiche oder auch nur Wörter zu beziehen, sei es wegen einer Diskussion, Korrektur oder einfach nur Rechtschreibfehler. Ich würde mich freuen, wenn ich ein Feedback bekomme, ob die Funktion sinnvoll erscheint und wie das Handling ist.
Hinweise
Die Möglichkeit besteht nur, wenn mein Blog mit aktivem JavaScript besucht wird. Ich habe es unter diversen Browsern getestet und bisher keine Fehler entdeckt, lediglich Unterschiede in der Darstellung, die aber nur auf Grund des entsprechenden Stylesheets zu erwarten waren.
Die Technik
Der eine oder andere möchte vielleicht mehr dazu wissen und die gleiche Möglichkeit involvieren, daher hier in einigen wenigen Worten, wo das ganze her ist und wie man es integriert.
Das JavaScript um diese Möglichkeit anzubieten wurde von Jim Jeffers mit Hilfe von jQuery erstellt. Da ich hier auch im Blog jQuery für diverse Umsetzungen nutze, wollte ich gern diesen Mehrwert ebenso hinterlegen. Natürlich muss das Framework jQuery vorhanden sein, minimal Version 1.2.6. Ist dieses eingebunden, so muss man lediglich das Script von Jim hinterlegen und den Bereich, der die Funktion haben soll mit einer entsprechenden Klasse ausstatten. Im Standard ist das die Klasse quotable.
Hinweis: Wenn ihr WordPress ab Version 2.7 einsetzt und den Template Tag post_class() nutzt, dann muss diese Funktion lediglich um die Klasse erweitert werden, ein Beispiel:
Monika hat zu dem neuen Tag schon ein wenig mehr erklärt, so dass ich es mir hier erspare.
Beim Download des Beispiel liegt eine Demo und Doku bei, so dass es nicht problematisch sein sollte die Funktion zu nutzen.
Im Anschluss kann man noch den entstehenden Button ein wenig anpassen. Das Standardscript stellt dazu die ID comment-respond bereit.
Ich empfinde als Mehrwert und tolle Idee. Wer also ebenfalls mit jQuery unterwegs und ein wenig erweitern möchte, der kann sicher die 5 kByte verschmerzen und einen entsprechenden Mehrwert bieten.
Code, Javascript, jQuery, Kommentar, Script
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.
Ist mir noch gar nicht aufgefallen. Gefällt mir aber sehr gut. Werde vielleicht auch mal sowas einbauen
Gefällt mir sehr gut. Würde ich auf jedenfall eingebaut lassen. Zum Handling würde ich sagen, das es ein bisschen doof ist, dass beim klick auf Antworten direkt zum Textfeld gescrollt wird und nicht zum Anfang des kompletten Formulars, also zum Anfang des ersten Inputfelds (Name). Ansonsten Klasse Funktion.
Ach und noch was zum Handling, wenn ich noch eine weitere Textpassage Zitieren möchte, dann wird der komplette Inhalt des Textfeldes überschrieben. Das ist weniger Benutzerfreundlich.
Gruß, Markus
@Markus: ist geändert, das Kommentarfeld wird nun angesprochen, so dass man also sein komplettes Formular sieht.
„Markieren“ trifft’s eher!
Wow, abgefahrene Sache. Hochinteressanter Mehrnutzen, gerade bei derlei Themenrelevanz oder um schlicht und ergreifend lästiges Code-Tippen zu sparen. Ich denke jedoch, dass die Mehrzahl das gar nicht begreifen wird dass so etwas u. U. möglich ist.
Sehr schöne und praktische Funktion. Aber meinst du nicht markieren?
@datenking & Stefan: meine ich und es war auch nur ein einfacher Aufhänger, schon dass es also funktioniert. Ich dachte ich baue mal einen ersichtlichen Fehler ein, dann habt ihr einen Grund zum Kommentieren
, ist nun gefixt.
Na Perfekt. Schön wäre nun noch, wenn man die Funktion auch für Kommentare nutzen könnte, oder?
Kann ich zu 100% zustimmen
Warum eigentlich nicht, ist integriert und gefällt mir. Danke für den Hinweis.
So schnell so viel Feedback hätte ich auch mal gerne
Das müsste mal auf Arbeit so schnell gehen mit der Umsetzung
@Markus: stimmt, aber es war auch gerade sehr einfach und vor allem - es war keine Absprache zu anderen Leuten nötig
Jetzt musste ich es aber auch testen
nette Sache auf jeden Fall.
Super!
Wow - das ist ja mal sehr interaktiv. Ich mag es sehr mit Frameworks zu arbeiten... Jquery bietet sich bei WordPress regelrecht an. Eines Tages wird es Mootools sein, vielleicht in Version 4.0 - und dann habe ich diese Funktion auch im Blog. ^^
@^Nicki^: Das wird aber hart, aktuell ist ja fast ein Run auf jQuery und die anderen FW sind kaum noch zu hören. Mal sehen wie lange das anhält und ob jQuery die Qualität halten kann.
Und Safari (Mac OS) macht seine Sache mit dem Feature auch super.
Kleine Schludrigkeit im Erklärungstext: (Kommentar-Hilfe) "daraufhin erscheint die ein Button".
@Pumi: danke, ist gefixt.
Geil, richtig geile Funktion.
Das rockt!
Ist das so? Ich dachte bisher mootools sei noch immer ein kleiner Konkurrent. Ich habe lange überlegt welches Framework zum Einsatz kommen soll, mootools scheint da immer noch ein stück flexibler zu sein, zumindest was Fangemeinde und verfügbare Plugins betrifft. Das aber, ist ein ganz anderer Schuh. Vielleicht liest man ja hier mal einen Beitrag dazu. ^^
@^Nicki^: Mit Sicherheit ist MooTools sehr durchdacht und sehr mächtig, ebenso gefällt mir die Nutzung, Syntax ist verständlich und nachvollziehbar. Bisher hatte ich immer den Eindruck, dass Support und Community ein wenig abgehoben sei und den "Normaluser" vernachlässigt. Für jQuery habe ich mich letztendlich entschieden, weil mein Schwerpunkt WordPress ist und jQuery an Board ist und im Backend vielfach genutzt wird. Ebenso war die Größe des FW entscheidend.
ich auch, auf jeden fall. das ist echt mal ne sehr gute idee und sehr coole umsetzung. das nenn ich dann wohl mal usability auf höchstem niveau
Das ist ganz großes Kino.
Funktioniert sogar mit zwei Absätzen.
Toll. Danke sehr dafür.
Mit so einer genialen Funktion bestimmt! Gefällt mir sehr. Nur eine Kleinigkeit: Markiert man einen Text und klickt dann in die Makierung, um diese wieder aufzuheben (falsche Stelle erwischt), erscheint der Button erneut.
Aber ich denke das kann man gepflegt unter den Tisch fallen lassen
Danke für diesen coolen Tipp!
Super! Das muss ich heute abend gleich mal bei mir nachrüsten!
Danke für den Tipp!
Das ist wirklich genial ... ich habe wohl zum richtigen Zeitpunkt diesen Blog gefunden. Ich programmiere nämlich ein Forum gerade und da könnte ich diese Funktion gut gebrauchen und jquery setze ich ja sowieso ein. Danke!!!
Ist das nicht schon in WP 2.7 eingebaut? Nur so als Frage, vielleicht habe ich auch etwas falsch gelesen, klang aber im Text so, als wenn ich es noch einbauen muß.
Dann als weitere Frage. (heute auf der leitung geschlafen)
Das script von Jim sollte dann im jeweiligen Theme liegen oder habe ich da gerade einen Gedankenfehler.
Auch wenn ich jetzt rausfliege viele Grüße aus dem Norden von
Thomas
@thomas57: jQuery ist in WordPress enthalten, damit ist es aber nicht automatisch im Frontend vorhanden, dass ist Aufgabe des Theme. Wie man JS aus WordPress nutzt, dass beschreibe ich in einem anderen Artikel. Auch das Script muss natürlich im Frontend vorhanden sein. Ich lade es nur dann, wenn man es auch benötigt, also dann wenn es Kommentare gibt.
Sehr interessant! Wusste ich noch garnicht. Einige Funktionen sind sicherlich sehr hilfreich.
Allein dieses "Live Kommentar Vorschau" ist sehr praktisch
Eine wirklich tolle Funktion die ich auch gerne in meinem Blog nutzen möchte. Allerdings benutze ich dort schon das mootools accordion, was dann zu einem Konflikt führt. Den versuchte ich mit
jQuery.noConflict();zulösen.Abhilfe schafft das Ersetzen von allen $ in den jQuery Dateien zum Beispiel mit dem jQuery String.
Ist extrem praktisch! Danke!
Wow, man kann sogar mit der Strg-Taste mehrere Sachen entfernt voneinander markieren und es wird alles eingefügt. Sehr schick.
document.body.style.visibility="hidden";
Hallo Herr Bueltge,
es gehört vermutlich nicht hierher, aber ich finde nichts brauchbares und irgendwie auch nicht das richtige Thema. Ich wollte mal fragen wie Sie das gelöst haben, das auf Ihrer Seite mehrere Inhalte ein und ausblendbar sind? Ich würde gerne jeglichen "mehr Inhalt" zu einem Artikel so ausgeben - weiß aber derzeit nicht wie.
Über eine Antwort würde ich mich freuen!
@intoxi: via JavaScript wird dies gelöst, beispielsweise mit einem Framework geht das einfach - ich nutze hier jQuery; auch dazu ein Beispiel mit dem nötigen Code.
Hallo Frank,
wie das Lben so spielt. gerade heute wurde ich gefragt, ob es nicht möglich ist, Text aus dem Artikel zitieren zu können...
Habe das gleich integriert und es funktioniert einwandfrei. Vielen Dank dafür.
Timm