1. Dezember 2008 22:32

jQuery plugin: wordcount für textareas

von robert 17. Okt 2006 22:43 (vor 776 Tagen) ~ comments(0)

habe heute mein erstes jQuery plugin geschrieben. es ersetzt ein liebgewonnenes javascript von richard livsey

um es zu benutzen gibt man textareas, deren wörter und zeichen man zählen will zb. die css klasse wordcount <textarea name="fetishdescription" class="wordcount"></textarea>. dann braucht man noch textfelder, in denen die jeweiligen größen angezeigt werden können. die müssen dann eine css id name-des-textareas + WordCount für Wörterzähler oder name-des-textareas + Count für Zeichenzähler aufweisen, also: zeichen: <span id="fetishdescriptionCount"></span> bzw. wörter: <span id="fetishdescriptionWordCount"></span>

hier der quellcode:

jQuery.fn.wordcount=function(){
    var base=this;

    var counter=function(){
        var base=this;
        var name=jQuery(base).name();

        var countit=function(){
            var words=num_words(jQuery(base).val());
            var len=jQuery(base).val().length;
            jQuery("#"+name+"WordCount").html(words);
            jQuery("#"+name+"Count").html(len);
        };

        jQuery(base).keyup(countit);
    };


    var num_words=function(string){
        string = string + ' ';
        string = string.replace(/^[^A-Za-z0-9]+/gi, "");
        string = string.replace(/[^A-Za-z0-9]+/gi, " ");
        var items = string.split(" ");
        return items.length -1;
    }

    jQuery(base).each(counter); 
}

$(document).ready(function(){
   $("textarea.wordcount").wordcount();
}


Kommentare

Kommentar
Dein Name *
Deine E-Mail-Adresse * (nur für die Redaktion, wird nicht veröffentlicht!)
Deine Internetseite
Angaben für weitere Kommentare merken?
 

About
alotta-log is your friendly blogserver. multiuser - multiblog - php/my/xorc based.

currently this is a beta version. stay tuned.
Impressum
Disclaimer
"this site looks best if you come over here and look at my monitor."
 
Themen
neu auf dem server
Unser T-Shirt
tags
neueste eintraege in diesem blog
Archiv
< 2006 >
Jan Feb(1) Mär Apr
Mai Jun(3) Jul Aug(4)
Sep(4) Okt(2) Nov(1) Dez
mixtape

1 DJ T / Robot Riot - Electric Press Remix

2 Bucci Bag / More Lemonade - Sparkling Version

3 Soto / Hootenanny - Original Mix

4 Joe Galdo / Keef - Original Mix

5 Myagi / Subversion - Price Cuts Remix

6 DJ Fixx / Electric - Original Mix

7 DJ Fixx / Push Em Up - Original Mix

8 Klaus / Big Man - Original Mix

9 Jesse Saunders / Everybody - Slapin Breaks Remix

10 Soto / Manic - Soto Remix

11 Chikinki / Like It Or Leave It

www.flickr.com
Administration

rss/xml xorc based
hintergrund von squidfingers
alotta-in-the-middle, 2005