How to pass $_POST variables to popup window?

varai

Hello,

How do I pass $POST variables to a popup window? payment_method.php appears in popup window. However the $POST['shipping_method'] is not getting passed. I tried to do the following:

shipping_method.php

<form action="" method="post">
<div style="position:relative; margin:40px;">
<div class="form_label2">Shipping Method: </div>
<div class="form_element" style="left:15%;">
<select name="shipping_method">
<?php 
 while ($row = mysql_fetch_array($result))
 {     echo "<option value='".$row["shipping_method"]."'>".$row["shipping_method"]."</option>";

  }

?>
</select>
</div>
<!--to display a small window containing shipping_details.php on top of shipping.php page-->
<div style="bottom:20%;left:5%;padding:4%; padding-left:2%">See details about <a href='#' onclick="window.open('shipping_details.php','win1','width=600,height=300')">shipping and handling charges</a>
<div style='position:absolute; bottom:30%; right:490px;'>
<input type='button' value='Continue' onclick="window.open('payment_method.php','popup', 'width=100, height=100, statusbar=0, location=0, menubar=0, toolbar=0')"/>
</div>


</div>
</form>

payment_method.php

echo "Shipping Method: ".$_POST['shipping_method'];

however I'm getting the following error.

Notice: Undefined index: shipping_method in C:\bookstore\payment_method.php on line 20
Shipping Method:

Thank you.

johanafm

You are opening a new window, not performing a post request. To post a form, you need an <input type="submit", or a javascript that retrieves the form in question, e.g. f = document.getElementById('formId'); followed by f.submit();

You can specify a target attribute of your form with value "_blank" to open a new window/tab, but it will not allow you make it a popup window where you control the width and height.

One option is to retrieve the form values by javascript and append those as a query string to the URI for the popup, which means you'd be dealing with get variables instead of post.

You could also issue a post request via ajax, and then open the popup which would then retrieve the data from session variables, db etc.

Krik

Create your html for the pop up window in javascript and insert the post value

var popuphtml = '<html>' +
'<body>' +
'<!-- other html here -->' +
'<div>' + <?php echo $_POST['shipping_method']; ?> + '</div>+
'<!-- other html here -->' +
'</body>' +
'</html>';

Then open the popup with javascript and insert the html

var popupwin = window.open('http://www.yoursite.com/popuppage.html','mywindow','width=500,height=500,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0');

popupwin.document.open();
popupwin.document.write(popuphtml);
popupwin.document.close();

varai

hello johanafm,

Your following solution worked out for me:
"One option is to retrieve the form values by javascript and append those as a query string to the URI for the popup, which means you'd be dealing with get variables instead of post."

I'm using GET variables
shipping_method.php

<script language="javascript" type="text/javascript">
function mySubmitFunction(which)
{
[COLOR="Red"]window.open("payment_method.php?shipping_method="+which.shipping_method.value,"mywin","width=300 height=150");[/COLOR]}
</script>

<form action="" method="get">
<div style="position:relative; margin:40px;">
<div class="form_label2">Shipping Method: </div>
<div class="form_element" style="left:15%;">
<select name="shipping_method">
<?php 
 while ($row = mysql_fetch_array($result))
 {     echo "<option value='".$row["shipping_method"]."'>".$row["shipping_method"]."</option>";

  }

?>
</select>
</div>
<!--to display a small window containing shipping_details.php on top of shipping.php page-->
<div style="bottom:20%;left:5%;padding:4%; padding-left:2%">See details about <a href='#' onclick="window.open('shipping_details.php','win1','width=600,height=300')">shipping and handling charges</a>
<div style='position:absolute; bottom:30%; right:490px;'>
<input type='submit' value='Continue'  [COLOR="red"]onclick="mySubmitFunction(this.form)"/[/COLOR]>

payment_method.php

echo "Shipping Method:<br>";
echo $_GET['shipping_method'];

thank you so much!🙂 That was a brilliant idea. 🙂 By the way what is AJAX?

johanafm

Acronym for Asynchronous Javascript And Xml. It allows you to issue a get or post request with javascript, in most browsers using XmlHttpRequest (IE has to be handled differently). There are however loads of js libraries that deals with implentation differences for you and provides you with one single interface for it.