YUI Library JavaScript DHTML





    
Dialog Quickstart 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;
}













Dialog Quickstart Example



  

The Dialog Control is designed to allow you to retrieve information from the user and make use of that information within the page — whether interally to the page or by sending the information to the server via form post or XMLHttpRequest.  This example shows how to do the latter.  Click the button to show the Dialog instance and its form fields; fill out the form; submit the form.  Dialog will automatically use the YUI Connection Manager to send the data via XMLHttpRequest to the server and will then echo that data back to you on the page.

      





Show dialog1 
Hide dialog1


Please enter your information



  First Name:
  Last Name:
  E-mail: 
  State:
  
    California
    New Jersey
    New York
   
  

  Radio buttons:
   1
   2
  
  
  Single checkbox: 1
  
  
    
  Text area:
  
  Multi checkbox:
   1
   2



Server response will be displayed in this area  




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