Howto: Das Kommentarfeld in WordPress dynamisch vergrößern lassen wie bei Facebook

Ein kleines Detail das an meinem Blogdings hier, das ich ziemlich gerne mag, ist das sich automatisch vergrößernde Kommentarfeld unter den Einträgen. Wie so oft ist das Einbauen dieses Features recht simpel.

Zuerst lädt man sich nämlich das Elastic Plugin für jQuery runter und dann direkt wieder hoch. Am besten in den Ordner des aktuell verwendeten WordPress-Themes. Anschließend muss man es im Kopfteil der Seite, also in der header.php laden lassen. Das geht mit folgender Code-Zeile, man sollte darauf achten das man das Plugin erst nach jQuery lädt.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.elastic.js"></script>

Anschließend muss man das Plugin noch auf ein Textfeld ansetzen. Bei WordPress hat das Kommentarfeld normalerweise die ID comment. Deshalb sieht die entsprechende Zeile Code so aus:

$(document).ready(function(){
	//Elastic textarea for comments
	$('#comment').elastic();
});

Die packt man dann ebenfalls in den head der Seite in ein script-Element. Oder man nutzt die von mir empfohlene Alternative: Wie glaub ich schon einmal erwähnt, habe ich solche Dinge in einer extra Datei namens functions.js ausgelagert.

Ausprobieren kann man die Funktionalität in jedem Kommentarfeld auf dieser Seite. Man muss nur genug tippen.