YUI Library JavaScript DHTML





    
Simple Panel Example

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}









Simple Panel Example



  

Use the show/hide buttons below to show and hide two simple panels.  The first panel is created based on markup on the page and its draggable configuration is set to true; it can be dragged around the screen.

      





  

    Show panel1 
    Hide panel1
  

  
  
    Panel #1 from Markup — This Panel is Draggable

    This is a Panel that was marked up in the document.

    End of Panel #1
  
  
  

    Show panel2 
    Hide panel2
  






   
  
yui_2.7.0b.zip( 4,431 k)