The script relies on width and height of tabs and content, so if you want to use it to display images (like below) you have to hard-code the dimensions of your images in your css, or preload them. If you want to create vertical tabs you must set a concrete height for your tabs. This isn’t really...

A function that will select all dates in the currently displayed calendar month. Start with a simple Calendar instance, and set its MULTI_SELECT option to true: this.myCal = new YAHOO.widget.Calendar("calendarEl", "calendar","10/2006"); this.myCal.Options.MULTI_SELECT =...

The article at at 24 ways about Ajax in-place editing, but honestly the javascript they code up there seems quite hacky and un-standards-compliant. Instead, we’re going to use the Yahoo UI Library (YUI, YUI-EXT), a modern cross-browser javascript toolkit, to accomplish the same results with less hassle,...

DHTML Form Controls built with the YUI Libs. This example shows the different controls available. Render any of the controls & change their value, then destroy the control to see the form has been updated. Usage: Class YAHOO.CheckBox DHTML Check Box. destroy void destroy ( ) Destroy the checkbox Returns:...

This is my attempt to somewhat mimic & improve upon the Combination Effects in script.aculo.us The YUI libraries are fantastic, but coming from developing tools with script.aculo.us, I kind of miss the simple combination effects. The power of the YUI libraries is outstanding, if I want to make all...

This script can generate and embed Iphone like interface on your webpages with the help of Javascript. Use your mouse to drag the lists up and down, then try to flick them like you’re supposed to on the iPhone. The back button on the phone is also enabled. Built with Yahoo! UI Library, PHP and...

The intent of my carousel component was to fill in a gap in the YUI library. In 2006, I created the ycarousel component. Thankfully, many people have found it useful over the last 2 years. Before I left Yahoo! in 2007, I spent some time with the YUI team, discussed the ideas behind the way I approached...

This widget is designed to be a dropin replacement for alert() Just include the widget.alert.js file and all of your JS alerts are now Dialog’s HTML: <p><button onclick="alert('Test alert() #1')">Show me an Alert</button><br /><br /> <a...

The Draggable Tab widget allows great look of quick draggable tabs to be dragged with dropped between one or more modules. Features: Uses standard features Tabs can be dragged on top of each other to allow reordering within the same module as well as other modules A graphic (specified by CSS) is shown...