Gallery

Modules

Documentation

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.

AlloyUI Selector (gallery-aui-selector) on cdn

Last Updated: 08/17/10

+ 0 -

Liferay, Inc.

See 69 more by this user.

Created: 08/17/10
Last CDN Push: 08/18/10
Build Tag: gallery-2010.08.18-17-12
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0 PR1
Free for use.

Adds an extended set of selectors, such as :input, :checked, :parent, :header, :visible, etc to the Node package.
The full list of new selectors are:
Here are the new selectors:

enabled

disabled

checked

selected

parent

empty

header

text

radio

checkbox

file

password

submit

image

reset

button

input

hidden

visible

Of note, :hidden also accounts for adding the classnames of yui3-helper-hidden or yui3-helper-hidden-accessible (aui-helper-hidden-accessible uses a rtl compatible way to hide elements with clip(), so the normal way of checking it's height/width or display/visibility won't work).
So :hidden will work in cases using our class name as well.

<div class="container" style="display:none;">Hidden div 1</div>
<div class="container" style="visibility: hidden;">Hidden div 2</div>
<div class="container yui3-helper-hidden">Hidden div 3</div>
<div class="container">Visible div 1</div>
<div class="container">Visible div 2</div>

<input type="checkbox" />
<input type="text" />
<input type="password" />
<textarea></textarea>
<select></select>
<h1>header1</h1>
<h2>header2</h2>

Code Sample

<script src="http://yui.yahooapis.com/3.2.0 PR1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-selector', function(Y) {
 
     Y.all('.container').size();// returns 5
     Y.all('.container:hidden').size();// returns 3
     Y.all('.container').filter(':visible').size();// returns 2
     Y.all(':input').size();// returns 5
     Y.all(':text').size();// returns 1
     Y.all(':password').size();// returns 1
     Y.all(':header').size();// returns 2
 
});

Forum Posts

Subject	Author	Date
Why?	John Lindal	06/9/10
Re: Why?	Murray Macchio	06/10/10
Re: Why?	Murray Macchio	06/10/10
Styling	Eike Hirsch	06/11/10
Re: Why?	Eduardo Lundgren	06/11/10
Re: Styling	Eduardo Lundgren	06/11/10
Re: Why?	Murray Macchio	06/11/10
Re: Why?	Eduardo Lundgren	06/11/10
Re: Styling	Eike Hirsch	06/14/10
Parallel thinking	Peter Peterson	06/15/10