MooTools Textarea
About Developer
Visit Web Site
Developer Last Online: May 2013
Pligg Version: Unknown Rating: 
Installs: 0
Installs: 0 Released: 07-24-2009 Last Update: Never Downloads: 18
Not Supported [vimeo]6387288[/vimeo]Description
The UvumiTools Textarea Pligg module is built with the Mootools Javascript Framework. It features a fancy remaining countdown of how many characters are still available, which isn't really anything new, but it uses a nifty progress-style indicator instead of just a number. Having a visual indicator to represent how characters are remaining in the textarea makes it easier for web users to plan what they are going to write.
This module will add the UvumiTools Textarea script to your story description textarea input and comment input fields. See the attached example images for demonstrations of what it might look like.
Features
Requirements
To use this plugin you'll need Mootools 1.2, but if you are already using another javascript framework like Prototype or JQuery, you may have to decide which one you want to keep because those frameworks were not designed to work together, and they ofen conflict with each other. And yes, you actually do need version 1.2 of Mootools. If you are already using a previous version of Mootools then the gallery will not work unless you upgrade. Sure, upgrading is a hassle, but trust us, it's worth it in the long run.
Installation
The UvumiTools Textarea Pligg module is built with the Mootools Javascript Framework. It features a fancy remaining countdown of how many characters are still available, which isn't really anything new, but it uses a nifty progress-style indicator instead of just a number. Having a visual indicator to represent how characters are remaining in the textarea makes it easier for web users to plan what they are going to write.
This module will add the UvumiTools Textarea script to your story description textarea input and comment input fields. See the attached example images for demonstrations of what it might look like.
Features
- Cross-Browser Compatible: Tested in the major browsers: Firefox 2 & 3, Internet Explorer 6 & 7, Opera 9, Safari 3. All on Windows systems. We didn't get a chance to test on Mac or Linux. We only support real browsers -- No need to email us with IE4 or AOL issues.
- Shows more than numbers: As you type, the progress bar gives you visual feedback of how many characters can still be typed. Visual cues are better understood by users, and subtle usability improvements can greatly increase a user's odds of returning to your site.
- Cut extra characters: Once the character limit has been reached, any additional characters typed will be removed. This even works with pasted text. But do not fully rely on this feature. Any client javascript disabled (like bots) can send as much text as they want (at least through the comment form), so always double-check the input on the server side.
- Character limit and counter can be disabled. You can set the character limit to 0 and the counter automatically disappears and there is no more limit. It just becomes an auto-growing textarea.
- Allow tabs: If you hit the tab key on a normal textarea to insert an indent, the browser will focus the next input. It's the default behaviour. Our textarea intercepts the tab key event, and insert a regular tab instead. Then it will be your job when you render the text to make the tabs appear, but at least they can be typed in, to start with. You can disable this option if you are not interested in it, or if you do not want to upset users who are expecting the tab key to change focus to the next form element.
- Expandable Textarea grows to avoid scrolling bars when users enter more text than the input element can display.
- Applies to only Story Description and Comment textareas. Don't worry about it suddenly appearing on contact forms or additional story input fields.
- Can contain text on initialization: If a textarea already contains some text when the script is called, the counter and height will be immediately adjusted to this content (and not only when you start typing, like most character-counting scripts out there).
- Cutomizable with CSS: Most of the style for the new elements is not hard coded in the javascript. You can personalize it with the included CSS template.
Requirements
To use this plugin you'll need Mootools 1.2, but if you are already using another javascript framework like Prototype or JQuery, you may have to decide which one you want to keep because those frameworks were not designed to work together, and they ofen conflict with each other. And yes, you actually do need version 1.2 of Mootools. If you are already using a previous version of Mootools then the gallery will not work unless you upgrade. Sure, upgrading is a hassle, but trust us, it's worth it in the long run.
Installation
- Download and extract the attached zip file.
- Upload and install the Mootools Javascript Library included with the attached zip file.
- Upload and install the Mootools Textarea module.
- That's it, you're done! You will now see the countdown below your story description textarea and comment input areas.
Download Now
-
Mootools_Textarea_0.2.zip
(144.8 KB, 401 views)
Screenshots
-
1.png
(3.4 KB, 332 views)
- 2.png
(3.9 KB, 1885 views)
- 3.png
(5.9 KB, 190 views)
- comment.png
(3.1 KB, 242 views)
Show Your Support
- If you like this download support the author by donating.
- This download may not be copied, reproduced or published elsewhere without author's permission.
Reply With Quote
Originally Posted by Yankidank 
kkiale:
