YUI Library JavaScript DHTML





    
Submit Buttons

/*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;
}








    #button-example-form fieldset, 
    #button-example-form fieldset div {
        border: 2px groove #ccc;
        margin: .5em;
        padding: .5em;
    }
    #button-example-form-postdata {
    
        border: dashed 1px #666;
        background-color: #ccc;
        padding: 1em;
    
    }
    #button-example-form-postdata h2 {
    
        margin: 0 0 .5em 0;
        padding: 0;
        border: none;
    
    }




Submit Buttons



  

This example demonstrates different ways to create a Button that functions like an HTML submit button (<input type="submit"/> and <button type="submit"/>).

      



    YAHOO.example.init = function () {
        // "contentready" event handler for the "submitbuttonsfrommarkup" 

        
        YAHOO.util.Event.onContentReady("submitbuttonsfrommarkup", function () {
            // Create a Button using an existing  element as a data source
            var oSubmitButton1 = new YAHOO.widget.Button("submitbutton1", { value: "submitbutton1value" });
            // Create a Button using an existing             
            

            

                
                Submit Form
            

        
        
            From JavaScript
        
    





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