JavaScript
  Home arrow JavaScript arrow A Close Look at the Yahoo Button Control
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Actuate Whitepapers 
Moblin 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

A Close Look at the Yahoo Button Control
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 2
    2007-11-20

    Table of Contents:
  • A Close Look at the Yahoo Button Control
  • Introducing a basic example
  • Using an existing radio button
  • Building a Button Control using a simple checkbox

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT

    Ajax Application Generator Generate database and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!

    A Close Look at the Yahoo Button Control


    (Page 1 of 4 )

    If you've ever wanted a little help with the user interfaces for your web site, you might want to learn about the Yahoo Button Control. It comes from Yahoo's UI framework, and can help you to create an interactive and professional-looking front end for your web site. This article, the first one in a five-part series, gives you a taste of what you can do with it.

    Introduction

    If you’re a web developer who likes to use third-party libraries during the development of different web projects, then it’s quite possible that you may have heard already about the Yahoo Developer Center web site, and its impressive network.

    Of course, if this name doesn’t ring any bells for you, then let me tell you that this web site, which you can visit by pointing out your browser to:  http://developer.yahoo.com, provides web developers with a huge variety of libraries, built-in user interface components, CSS frameworks, and so forth. These items are targeted to an assortment of development technologies, ranging from implementing robust AJAX and Python applications, to building numerous Web services with PHP, to name a few.

    However, despite the plethora of web applications that truly can take advantage of the vast arsenal of pre-built software packages offered by the Yahoo Developer Center, there’s one is particular that might be quite useful when it comes to building rich user interfaces. As you might have guessed, I’m talking about the powerful Yahoo UI framework, which offers numerous web-based controls that can be really useful for facilitating and empowering the development of professional-looking front-ends.

    As I expressed earlier, the framework in question has been packaged with a decent number of pre-built widgets, such as calendars and color pickers, sliders and auto-completers, interactive menus and DOM utilities, and certainly the list goes on and on.

    Nonetheless, in this series of articles, specifically I’m going to take a closer look at one of these widgets, called the “Button Control.” Logically, as its name clearly suggests, this handy Yahoo component allows to build easily and with minor efforts all sorts of interactive buttons, ranging from simple controls for building web forms (i.e. radio and checkboxes), to full-featured drop-down menus.

    In addition, Button Control elements can be built by using different approaches, that is by using simple, standard markup, or directly from JavaScript. This demonstrates the excellent flexibility offered by this type of Yahoo control.

    So, if the use of Yahoo Button Controls is an interesting topic to you, it’s time to move on and start learning how to built them and include them into your own web sites in no time. Let’s go!

    More JavaScript Articles
    More By Alejandro Gervasio


       · The popular Yahoo UI DHTML framework comes equipped, among other useful stuff, with...
     

    JAVASCRIPT ARTICLES

    - Detect Browser Compatibility with the Reques...
    - Using the EXT JS Date Picker Widget
    - Ajax Hack for Entering Information Without R...
    - EXT JS 2.1 Overview
    - Using the Style Object for Zebra Tables with...
    - Binary Searching
    - An Improved Approach to Building Zebra Tables
    - Assigning Background Colors Dynamically to Z...
    - Building Zebra Tables with CSS and JavaScript
    - JavaScript: Array Objects
    - A Closer Look at Smart Markers with Yahoo! M...
    - Using Polylines and Smart Markers with Yahoo...
    - Bulleted Menu of Links
    - Creating Click Loggers and Basic Markers wit...
    - Adding Pan Controls to Yahoo! Maps


    Iron Speed





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway