Eigener Scrollbalken in der Textarea

Mit jScrollPane kann man ein eigenen Scrollbalken verwenden, statt den Standard.
So einer soll in der textarea eines Kontaktformulars stattfinden.

Soweit ich dem folgen kann, muss man folgendes tun:

Die Dateien:

jQuery
jScrollPane.js
jScrollPane.css

runterladen und in ein extra Ordner auf dem Server kopieren.

Danach diesen Code:

[FONT=Lucida Console][size=8]<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="scripts/jquery.em.js"></script>
<script type="text/javascript" src="scripts/jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="styles/jScrollPane.css" />[/SIZE][/FONT]

in die header.php Datei kopieren und wie man dann das ganze mit der textarea verknüpft bleibt mir ein Rätsel.

Zitat von Ammaletu

Die Antwort lautet möglicherweise "gar nicht, es wird einfach auf alle Scrollbalken angewendet". Ist aber nur geraten, genaueres sollte die Doku des jQuery-Plugins verraten.

Genau und in der Doku steht folgendes:

"Then you can use any query selector to select the elements you would like to apply jScrollPane and then initialise it. The following code runs when the document is ready and finds any element with a class of "scroll-pane" and then calls jScrollPane on them."

Die textarea hab ich dann auch mit der Klasse scroll-pane versehen aber der Effekt haut dennoch nicht hin.

Zitat von Ammaletu

Hast Du denn dann nicht nur dem Textarea die Klasse gegeben, sondern den erwähnten Code auch irgendwo im Header oder in einer eigenen JS-Datei eingebunden?

Hab ich und dennoch hat es nicht funktioniert aber um das ganze zu vereinfachen, habe ich mal das Basic scrollbars Beispiel nachgebaut und es in der selben Datei dabei versucht auf die textarea anzuwenden aber es klappt nicht.

Hier die Dateien zum ausprobieren:
Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

Zitat von Ammaletu

Wie es aussieht scheint das Plugin nicht für Formularelemente geeignet zu sein. Ich hab Dein Beispiel mal berichtigt (eindeutige ID vergeben) und es auch mit obverflow: auto probiert, aber dann konnte man in dem Textarea gar nicht mehr scrollen.

Andererseits: Im Textarea kannst Du doch sowieso schon scrollen. Geht es Dir nur um die Gestaltung?

Korrekt, mir geht es in meinem Vorhaben nur um die Gestaltung.

Außerdem kann man das Plugin schon auf die textarea anwenden und zwar schreibt der Autor wie es funktioniert dazu folgendes:

Zitat

In the case of a TEXTAREA you can fake it by making the text area full height and placing it inside a div you have applied jScrollPane too

Zitat

Basically you make the text area as tall as the text in it. You then put that textarea inside a div with the fixed height you want and you apply jScrollPane to that div.

Nur weiß ich nicht, wie ich das genau machen soll?