• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    Textarea Counter (gallery-textarea-counter) on cdn

    Last Updated: 11/9/09
    + 0 -

    Dav Glass

    See 9 more by this user.

    Created: 11/5/09
    Last CDN Push: 11/9/09
    Build Tag: gallery-2009.11.09-19
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.0.0
    Free for use.

    A little module to show the columns and rows, as well as the number of characters and words in a textarea.

    • Tags:
    • textarea
    • davglass
    • counter
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Code Sample

    <script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2009.11.09-19'
    }).use('gallery-textarea-counter', function(Y) {
        var demo = Y.one('#demo'); //The textarea
     
        //setup the display nodes
        demo.plug(Y.Plugin.Counter, {
            wordsNode: 'ul li.word span',
            charsNode: 'ul li.char span',
            colsNode: 'ul li.col span',
            rowsNode: 'ul li.row span'
        });
     
     
        //or using events
        demo.plug(Y.Plugin.Counter);
        demo.counter.on('wordCountChange', function(e) {
              Y.one('ul li.word span').set('innerHTML', e.newVal);
        });
    });

    Forum Posts

    Subject Author Date
    Too late to change the class name? John Lindal 07/15/11
    Doesn't update when select Paste from Edit menu John Lindal 07/26/11

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info