Bessere Textfelder – prettyComments jQuery Plugin
Ein nettes kleines Tool für eine bessere Usability bei Textfeldern bietet das prettyComments Plugin. Es lässt bei Eingabe über die Tastatur einfach des Textfeld mitwachsen und funktioniert in allen gängigen Browsern.
Das Einbinden ist denkbar einfach:
1 2 3 4 5 6 7 8 9 10 | //einbinden der Bibliotheken <script src="js/jquery.js" type="text/javascript"></script> <script src="js/prettyComments.js" type="text/javascript"></script> //Initialisiere Plugin nach dem der DOM-Baum vollständig geladen ist <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#textarea').prettyComments(); }); </script> |
Das Plugin hat folgende Attribute:
- animate: true/false
- animationSpeed: ‘slow’/'normal’/'fast’
- maxHeight: 500 (ab dieser Höhe erscheint Scrollbalken)
Ein Beispiel dazu:
1 2 3 4 5 | <script type="text/javascript"> $(document).ready(function(){ $('#textarea1').prettyComments({animate: true, maxHeight:100}); }); </script> |
