YUI 3.x Home -

YUI Library Examples: The YUI Global Object: YUI 2.x and 3.x

Note: This is YUI 3.x. Looking for YUI 2.x?

The YUI Global Object: YUI 2.x and 3.x

This example shows how to use YUI 2.x and 3.x at the same time as well as interacting with each other. We will make a 2.x Calendar Control draggable with 3.x Drag & Drop and use 3.x's Node to handle the Calendar's Select Event.

Click a date..

Including YUI 2.x

First we will include the code for the 2.x Calendar Control and its dependencies.

Creating your YUI instance

Now we need to create our YUI instance with the dd-drag module, so we can make the calendar draggable.

Creating the Calendar

Now that we have our tools in place, let's create the calendar.

Making it draggable

Now we make the calendar draggable with the 3.x dd-drag module.

Handling the Calendars Select Event with Node

Now we need to hook up the selectEvent and handle that with 3.x's Node.

Copyright © 2009 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings