• 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.

    focus-position (gallery-focus-position) on cdn

    Last Updated: 05/16/12
    + 2 -

    Prajwalit

    YUI Contributor

    See 1 more by this user.

    Created: 05/16/12
    Last CDN Push: 05/16/12
    Build Tag: gallery-2012.05.16-20-37
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.6.0pr1
    Free for use.

    Regular focus() function call sets cursor to 0th character position. But sometimes you may need to set it at custom position. This module allows you to do it.
    After adding this module, you can pass a parameter to focus(pos), which can be either -

    • Number: eg. 4, and it will set the cursor after 4th character
    • "end": which will set cursor position at the end. (and you don't have to calculate length.

    • Tags:
    • position
    • cursor
    • focus
    • node
    • prajwalit
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Suppose you have an <input> tag with some prefilled value in it. And you want to set cursor at the end of value -

    Code Sample

    <script src="http://yui.yahooapis.com/3.6.0pr1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2012.05.16-20-37'
    }).use('gallery-focus-position', function(Y) {
      Y.one ("input").focus ("end"); 
      // replace "end" with any number if you want cursor to be at that position
    });

    © 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