Ajax Layer JavaScript DHTML





YAHOO.widget.Dialog











  YAHOO.namespace('example.container');
  function submitCallback(obj) {
    var response = obj.responseText;
    response = response.split("    document.getElementById("resp").innerHTML = response;
    eval(response);
  }
  function submitFailure(obj) {
    alert("Submission failed: " + obj.status);
  }
  function init() {
    var handleCancel = function() {
      this.cancel();
    }
    var handleSubmit = function() {
      this.submit();
    }
    
    YAHOO.example.container.dlg = new YAHOO.widget.Dialog("dlg", { modal:true, visible:false, width:"350px", fixedcenter:true, constraintoviewport:true, draggable:true });
    
    YAHOO.example.container.dlg.callback.success = submitCallback;
    YAHOO.example.container.dlg.callback.failure = submitFailure;
    var listeners = new YAHOO.util.KeyListener(document, { keys : 27 }, {fn:handleCancel,scope:YAHOO.example.container.dlg,correctScope:true} );
    YAHOO.example.container.dlg.cfg.queueProperty("keylisteners", listeners);
    YAHOO.example.container.dlg.cfg.queueProperty("buttons", [ { text:"Submit", handler:handleSubmit } ]);
    
    var handleManual = function(type, args, obj) {
      alert("Manual submission of " + this.id + " detected");
    }
    YAHOO.example.container.dlg.manualSubmitEvent.subscribe(handleManual, YAHOO.example.container.dlg, true);
    YAHOO.example.container.dlg.render();
  }
  YAHOO.util.Event.addListener(window, "load", init);



  
    
      

Dialog Example


    

    
      

Dialog is a Panel implementation that is used for submitting forms. You can submit the form in three different ways: asynchronously, using the Connection utility, form-based submission, or you can handle the submission manually.


      

The URLs for both asynchronous and form-based submission are taken from the form's action property.


      

Enter your information
        Submit asynchronously (Dynamic XmlHttpRequest, POST only)


        Standard form submit (GET or POST)

        Do nothing and handle posts manually
      
      


    
    
  
  
    
      

Server Response


    
    
    
      

Post Response Text


      [ Server Response will be displayed here ]


    
  
  
    Please enter your information
    
      
      

Please enter your personal contact information:


          First Name:
          Last Name:
          E-mail:
 
          State:CaliforniaNew JerseyNew York
 
          Radio buttons:
           1
           2
          Single checkbox: 1
          
          Text area:
          Multi checkbox:
           1
           2
        
      
    
  


           
       
yui.zip( 3,714 k)