It's not technically sending the information to the page, but really the pop-up is reading from it's caller using the self.opener method.
Basically, when you click the popup button/link a preset div is looked for in the parent window. If you need a dynamic pop-up, you'll have to figure something out. I gave you a good stepping stone.
first page
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script language="JavaScript" type="text/javascript"><!--
function popWindow()
{
var pop = window.open('info.html','','width=400,height=400,toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no');
if(pop.focus){ pop.focus(); }
}
--></script>
</head>
<body>
<input type="button" name="click" value="Pop Up!!" onclick="javascript:popWindow();"/>
<div id="info" style="visibility: hidden;">
Test test test...<b>SOme Test content</b>
</div>
</body>
</html>
info.html
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Requested Info </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript" type="text/javascript"><!--
function showIt() {
var cont = self.opener.document.getElementById('info').innerHTML;
document.getElementById('info').innerHTML = cont;
}
window.onload = function(e){
showIt();
}
--></script>
</head>
<body>
<div id="info"></div>
</body>
</html>
Alternatively if it's multiple forms or something... you can do something like this:
first page
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" language="JavaScript">
<!--
function popWindow(wName){
features = 'width=400,height=400,toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no';
pop = window.open('',wName,features);
if(pop.focus){ pop.focus(); }
return true;
}
-->
</script>
</head>
<body>
<form action="js_pop.php" method="post" target="Details" onSubmit="return popWindow(this.target)">
<input type="hidden" name ="age" value="23 years old">
<input type="hidden" name="experience" value="expert">
<input type="submit" value="John">
</form>
<form action="js_pop.php" method="post" target="Details" onSubmit="return popWindow(this.target)">
<input type="hidden" name ="age" value="26 years old">
<input type="hidden" name="experience" value="novice">
<input type="submit" value="James">
</form>
<form action="js_pop.php" method="post" target="Details" onSubmit="return popWindow(this.target)">
<input type="hidden" name ="age" value="21 years old">
<input type="hidden" name="experience" value="intermediate">
<input type="submit" value="Jack">
</form>
</body>
</html>
js_pop.php
PHP Code:
<pre><?php
var_dump($_POST);
?></pre>
And display only the form that they hit the button in. That was created for an earlier post on here, but I cant' seem to find it now.... hmm.....
Linear Mode
