Archive for the ‘web’ Category

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 [...]

Progressive enhancements with JavaScript and CSS

It is clear that IE6 is not going away just yet, at least not for mainstream websites targeting a large (and non-tech) audience. Quite some time and effort is put into making design and functionality work in IE6 which otherwise works perfectly well in more modern browsers. This is inefficient, but just because IE6 support [...]

Internet Explorer cross-site scripting warning

I came across the warning “Internet Explorer has modified this page to help prevent cross-site scripting.” which is triggered by the IE8 security filter.
However, IE gives no clues of why the warning was triggered or what was modified to prevent it. Annoying.
To get some more information you must download Microsoft Application Compatibility Toolkit and run [...]