Some YUI notes

YAHOO.util.Event.onDOMReady(init); on window.domready, before window.load (i.e. domready if fired before images are loaded)

YAHOO.util.Event.on("panelbutton", "click", init);

YAHOO.util.Event.addListener("show", "click",
    YAHOO.example.container.dialog1.show,
    YAHOO.example.container.dialog1, true);


Dialog boxes, Panels, lightboxes, tooltips, hint boxes are in Container.

• A hint box in YUI is Tooltip. They can created in two ways.
  • One Tooltip object for per context, or
  • One Tooltip object for many context. See the YUI example entitled "One Tooltip, Many Context Elements"
• A lightbox in YUI is Panel.
  • Panel is an implementation of Overlay that behaves like an OS window, with a draggable header and an optional close icon at the top right.
  • Dialog is an implementation of Panel that can be used to submit form data.
    
    Built-in functionality for buttons with event handlers is included. If the optional YUI Button dependancy is included on the page, the buttons created will be instances of YAHOO.widget.Button, otherwise regular HTML buttons will be created.
    
    Forms can be processed in 3 ways -- via an asynchronous Connection utility call, a simple form POST or GET, or manually. The YUI Connection utility should be included if you're using the default "async" postmethod, but is not required if you're using any of the other postmethod values.
  • SimpleDialog is a simple implementation of Dialog that can be used to submit a single value. Forms can be processed in 3 ways -- via an asynchronous Connection utility call, a simple form POST or GET, or manually