Posts Tagged ‘yui’

Get selected value of radio button using YUI 3

Getting the value of a the currently selected radio button may be done in a couple of ways. This is one approach using YUI 3.
Here is the HTML:

<input type="radio" name="myoptions" value="one"> First
<input type="radio" name="myoptions" value="two"> Second
<input type="radio" name="myoptions" value="three"> Third

Get the currently selected value using only one line of code:

var value = Y.one(‘[name=myoptions]:checked’).get(‘value’);

Unfortunately, this does [...]

Custom Modules in YUI 3

YUI 3 uses modules to group functionality and to only load what is used. This post describes how to create custom modules.
The typical way modules are used is within the use() statement:

YUI().use(‘node’, ‘event’, function(Y) {
// your stuff here
});

In the above example the modules node and event are loaded. Let’s see how [...]

Instance and class based plugins in YUI 3

Using plugins in YUI 3 is a way to add functionality to existing objects in YUI (very much like you would use prototype to augment a function to a normal JavaScript object). Objects in YUI all derive from Y.Base.
Note that this post is about YUI 3 and not YUI 2.
However, the current YUI [...]