JavaScript Forum

**waller** · 04-20-2006, 12:35 AM

How can I do this? I want to grab values from textboxes in a page and when I hit the submit button, I want a confirmation popup to appear and show the values from the textboxes.

**rogem002** · 04:46 PM

I've been wanting something simlar. What i've been wanting is a preview button what basicly sends some form infomation into a popup.

-- Edit --

Found a way to do it

Code:

function preview() { 

temp = document.NewPage.text.value; 
window.open('admin.php?p=pop_preview&text=' + temp,'Preview','toolbar=0,scrollbars=0,location=0,width=300,height=400,resizable=0')
}; 

</script>
					  <input class="button" name="Preview" value=" Preview " onclick="javascript:preview();" type="button" />

You need to change the
temp = document.NewPage.text.value;
NewPage (Form name) and text (field Name) to your fields.

And the
admin.php?p=pop_preview&text=
to your URL

**mastercomputers** · 07:42 AM

Maybe this is similar to your needs:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-NZ">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Javascript Confirmation with Textbox Values</title>
    <script type="text/javascript">
    /*<![CDATA[*/
    function confirm_results(theform) {
      var text = '\n';
      var inputs = theform.getElementsByTagName('input');
      for(var i = 0, n = inputs.length - 1; i < n; i++)
      {
        text += inputs[i].value + ' ';
      }
      confirm('Are these details correct? ' + text);
    }
    /*]]>*/
    </script>
    <style type="text/css">
      #theform ul {
        list-style: none;
      }
      #theform li {
        display: inline;
      }
    </style>
  </head>
  <body>
    <form id="theform" action="" method="post" onsubmit="javascript:confirm_results(this);">
      <fieldset>
        <legend>Your Name Entry</legend>
        <ul>
          <li><label for="fname">First:</label> <input id="fname" name="fname" type="text" /></li>
          <li><label for="mname">Middle:</label> <input id="mname" name="mname" type="text" /></li>
          <li><label for="lname">Last:</label> <input id="lname" name="lname" type="text" /></li>
        </ul>
        <p><input id="submit" name="submit" type="submit" value="Send" /></p>
      </fieldset>
    </form>
  </body>
</html>

Although it makes it easy knowing what you require and just grabbing those values, in this case I grabbed all inputs and just removed the last one which was the submit button. Hopefully this will help you have some idea of what you could do.

Cheers,

MC

**kIDJOE** · 08-25-2006, 07:21 PM

yeah just POST submit them to the PopUp window or... window.open (PopUp window) pop.html?variable1=document.FORMNAME.FIELD.value or $variable1 ..... in PHP

yeah?