topical media & game development

topical media & game development

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

professional-ajax-02-Hidden-IFrame-Examples-HiddenIFrameExample3.htm / htm


  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  
  <html>
  <head>
      <title>Hidden IFrame Example 3</title>
      <script type="text/javascript">
          var oIFrame = null;
          
          function createIFrame() {
              var oIFrameElement = document.createElement("iframe");
              oIFrameElement.width=0;
              oIFrameElement.height=0;
              oIFrameElement.frameBorder=0;
              oIFrameElement.name = "hiddenFrame";
              oIFrameElement.id = "hiddenFrame";
              document.body.appendChild(oIFrameElement);
              
              oIFrame = frames["hiddenFrame"];
          }
                     
          function checkIFrame() {
              if (!oIFrame) {
                  createIFrame();                
              } 
              setTimeout(function () {
                  oIFrame.location = "ProxyForm.htm";
              }, 10);                              
          }
          
          function formReady() {
              var oHiddenForm = oIFrame.document.forms[0];
              var oForm = document.forms[0];
              
              for (var i=0 ; i < oForm.elements.length; i++) {
                  var oHidden = oIFrame.document.createElement("input");
                  oHidden.type = "hidden";
                  oHidden.name = oForm.elements[i].name;
                  oHidden.value = oForm.elements[i].value;
                  oHiddenForm.appendChild(oHidden);
              }
              
              oHiddenForm.action = oForm.action;
              oHiddenForm.submit();
          };
          
          function saveResult(sMessage) {
              var divStatus = document.getElementById("divStatus");
              divStatus.innerHTML = "Request completed: " + sMessage;            
          }
  
      </script>
  </head>
  <body>
      <form method="post" action=<SaveCustomer.php> onsubmit="checkIFrame(); return false">
      <p>Enter customer information to be saved:</p>
      <p>Customer Name: <input type="text" name="txtName" value="" /><br />
      Address: <input type="text" name="txtAddress" value="" /><br />
      City: <input type="text" name="txtCity" value="" /><br />
      State: <input type="text" name="txtState" value="" /><br />
      Zip Code: <input type="text" name="txtZipCode" value="" /><br />
      Phone: <input type="text" name="txtPhone" value="" /><br />
      E-mail: <input type="text" name="txtEmail" value="" /></p>
      <p><input type="submit" value="Save Customer Info" /></p>
      </form>
      <div id="divStatus"></div>
  </body>
  </html>

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.