I've written one of these in Javascript:
http://www.thoughtballoon.co.uk/blog/articles/2006/10/31/journeys-in-javascript-and-the-dom-textarea-max-length
Hopefully can be of some use in the short term - maybe you could abstract
out some of the DOM manipulation into jQuery.
Thanks,
Dan.
On 1/23/07, Daemach <[EMAIL PROTECTED]> wrote:
I am working on a form with a large number of text areas. I want to
create a
"counter" above each textarea that counts the characters as they type,
turning red if they are over the limit or green if they are under. I am
new
to jquery and this seems like a natural application.
For example, I want to search for all textareas in a document, then check
their ID's for a max length value:
<textarea id="foo_512" name="spork">sometext</textarea>
<textarea id="bar_256" name="spork2">sometext</textarea>
I want to dynamically prepend a block of HTML including a <span> that I
can
assign a color: style to, depending on whether the value.length is over or
under that limit (red or green. Or perhaps a class). Might look like
this:
Current length: <span id="bar_256_len"></span> characters<br/>
<textarea id="bar_256" name="spork2">sometext</textarea>
The counter should work using keypress and update the preceding span
element
that it creates, both the innerHTML and the style/class based on the
length
of the textarea's value and whether it is over or under the limit set in
the
ID attr.
One of my bigger problems is how to find the preceding span. I haven't
seen
any examples of selectors being constructed dynamically, so while this
should work (in theory):
$(textarea).prepend('Current length: <span id="'+ this.id
+'_len"></span> characters')
I'm not sure how to build the .keypress( function() { } )
I'm still working on this but some advice from the gurus would be most
helpful.
--
View this message in context:
http://www.nabble.com/Textarea-character-count-tf3062230.html#a8515235
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
Daniel Eastwell
Portfolio and articles:
http://www.thoughtballoon.co.uk
Blog:
http://www.thoughtballoon.co.uk/blog
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
