Tabs With the Yahoo User Interface Library (YUI).

Business jappler.com Javascript Web Development

I have recently been asked to create a tabbed interface for a few projects which does not require any page reloading. I am familiar with working with the Yahoo! User Interface Library (YUI) and decided to use their tabview component to make this happen.

What you need:

  1. Yahoo User Interface Library
  2. CSS
  3. HTML (View Source)

A simple example:
Check this code out in action (reusing the tabs I created from the jappler menus).

You can easily “View Source” and use that as an example. The possibilities of customizing the “tabview” component are endless and can also be seen on jappler.com’s home page.

Moral of the story
Check out the YUI library, look at the examples and start using and reusing the code! This speeds up development and will make your life easier!

Leave a Reply

Your email address will not be published.
*
*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Apple jappler.com

New Paint, Old Color

It is funny how you sometimes seem to always return to the same color. I recently decided to repaint my office (the only room we did not repaint after buying the house) from a boring beige to something a bit richer that would of course look nice with my desk and most importantly – my […]

Business Serenity Now!

Planeguage

My company does consulting for Delta Air Lines and while watching the latest “Planeguage” video – I laughed out loud. I happened to have this experience a few years ago on Spirit Air when I happened to be in the very last row. Needless to say the flight experience was horrible and I have since […]