How to display value from child php page to parent php page

Question

vishalonne 12 Junior Poster in Training

15 Years Ago

I am developing a small web site. I have a login Page (login_form.php) from where user has to select there user type from dropdown box values are "Administrator", "Store Keeper", "User". When user select "User" option from list in onchange event I am opening one popup window (depart.php) from which they have to select their "Department" all department are fetched from database(MySql). Now which ever Department is slected by user that should be displayed on the Parent window beside the Drop Down Box

Please can I any one help me.

php

3 Contributors
12 Replies
1K Views
3 Days Discussion Span
Latest Post 15 Years Ago Latest Post by network18

chrishea 182 Nearly a Posting Virtuoso

15 Years Ago

Making variables available across different modules like this is best done using session variables.

network18 15 Practically a Master Poster

15 Years Ago

I am developing a small web site. I have a login Page (login_form.php) from where user has to select there user type from dropdown box values are "Administrator", "Store Keeper", "User". When user select "User" option from list in onchange event I am opening one popup window (depart.php) from which they have to select their "Department" all department are fetched from database(MySql). Now which ever Department is slected by user that should be displayed on the Parent window beside the Drop Down Box
Please can I any one help me.

But you are opening this new window using javascript and not submitting the form on first page .
Post your new window page's code here

network18 15 Practically a Master Poster

15 Years Ago

This is the code of child window

<html>
<head>
<title>
      Department
</title>
<script type="text/javascript">
function closer()
{
this.close();
}
</script>
</head>
<body>
Select Department
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("navy") or die(mysql_error()); 

$query = "SELECT * FROM depatment"; 
$result = mysql_query($query); 

echo "<select>";
while($row = mysql_fetch_array($result))
{ 
echo "<option>$row[Dept_Name]</option>";
}
echo "</select>";
?>
  <input type="submit" name="Submit" onClick="closer()" value="Submit">
</body></html>

You need to modify the code a little bit to get it working that way -

<script type="text/javascript">
function closer()
{
window.opener.focus();
this.close();
}
function sel()
{
var selIndex = document.getElementById('someid').selectedIndex;
var str = document.getElementById('someid').options[selIndex].value; 
window.opener.document.getElementById('ParentWindoTextBoxIDHere').innerHTML = str;
}
</script>

</head>
<body>
Select Department
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("navy") or die(mysql_error()); 

$query = "SELECT * FROM depatment"; 
$result = mysql_query($query); 
echo "<select id='someid'>";
while($row = mysql_fetch_array($result))
{ 
echo "<option>$row[Dept_Name]</option>";
}
echo "</select>";
?>

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

vishalonne 12 Junior Poster in Training · Answer 1 · 2009-11-13T17:35:53+00:00

This is the code of child window

<html>
<head>
<title>
      Department
</title>
<script type="text/javascript">
function closer()
{
this.close();
}
</script>
</head>
<body>
Select Department
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("navy") or die(mysql_error()); 

$query = "SELECT * FROM depatment"; 
$result = mysql_query($query); 

echo "<select>";
while($row = mysql_fetch_array($result))
{ 
echo "<option>$row[Dept_Name]</option>";
}
echo "</select>";
?>
  <input type="submit" name="Submit" onClick="closer()" value="Submit">
</body></html>

vishalonne 12 Junior Poster in Training · Answer 2 · 2009-11-13T19:09:06+00:00

Thank you for the code but what to with function sel()....
Where to use it or where to call it?
Please guide me

vishalonne 12 Junior Poster in Training · Answer 3 · 2009-11-13T19:11:45+00:00

This is your for reference what I am doing with Parent window

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login Form</title>
<link href="loginmodule.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function newwindow()
{
      preview = window.open("dept_wind.php",'popUpWindow','height=100,width=300,left=10,top=10');
}
</script>
</head>
<body>
<p>&nbsp;</p>
<form id="loginForm" name="loginForm" method="post" action="userchek.php">
  <table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
  <tr>
  <td colspan="3"><strong>DEPARTMET 
    &nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select name="box" onchange="newwindow()">
    <option>Administrator</option>
    <option>Store Keeper</option>
    <option>User</option>
  </select>
    </td>
  </tr>
    <tr>
      <td width="111"><b>Login</b></td>
      <td colspan="2"><input name="login" type="text" class="textfield" id="login" /></td>
    </tr>
    <tr>
      <td><b>Password</b></td>
      <td colspan="2"><br />
        <input name="password" type="password" class="textfield" id="password" />
      <br /></td>
    </tr>
    <tr>
      <td><input type="submit" name="Submit" onclick="newwindow();" value="     LOGIN     " /></td>
      <td width="97"><input type="submit" name="Submit2" value="Forgot Password" /></td>
      <td width="80"><input type="submit" name="Submit3" value="New User" /></td>
    </tr>
  </table>
</form>
</body>
</html>

network18 15 Practically a Master Poster · Answer 4 · 2009-11-13T19:11:55+00:00

Thank you for the code but what to with function sel()....
Where to use it or where to call it?
Please guide me

on change of the select element.

network18 15 Practically a Master Poster · Answer 5 · 2009-11-13T19:16:25+00:00

This is what you will do with the parent window , I added the div beside the select list element to show the user selection made on the child window.
Put this div's id in the sel() function at the place of id in the line below -

window.opener.document.getElementById('ParentWindoTextBoxIDHere').innerHTML = str;

vishalonne 12 Junior Poster in Training · Answer 6 · 2009-11-13T19:40:12+00:00

vishalonne 12 Junior Poster in Training

15 Years Ago

I can't get you

vishalonne 12 Junior Poster in Training · Answer 7 · 2009-11-13T19:51:55+00:00

Please make me understand

This is what you will do with the parent window , I added the div beside the select list element to show the user selection made on the child window.
Put this div's id in the sel() function at the place of id in the line below -

I am not expert like you Boss please hold my fingure... to show the path

network18 15 Practically a Master Poster · Answer 8 · 2009-11-16T12:19:38+00:00

Please make me understand

I am not expert like you Boss please hold my fingure... to show the path

Here is the improved code for the parent window -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login Form</title>
<link href="loginmodule.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function newwindow()
{
      preview = window.open("dept_wind.php",'popUpWindow','height=100,width=300,left=10,top=10');
}
</script>
</head>
<body>
<p>&nbsp;</p>
<form id="loginForm" name="loginForm" method="post" action="userchek.php">
  <table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
  <tr>
  <td colspan="3"><strong>DEPARTMET 
    &nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select name="box" onchange="newwindow()">
    <option>Administrator</option>
    <option>Store Keeper</option>
    <option>User</option>
  </select>
  <div id="showSel" ></div>
    </td>
  </tr>
    <tr>
      <td width="111"><b>Login</b></td>
      <td colspan="2"><input name="login" type="text" class="textfield" id="login" /></td>
    </tr>
    <tr>
      <td><b>Password</b></td>
      <td colspan="2"><br />
        <input name="password" type="password" class="textfield" id="password" />
      <br /></td>
    </tr>
    <tr>
      <td><input type="submit" name="Submit" onclick="newwindow();" value="     LOGIN     " /></td>
      <td width="97"><input type="submit" name="Submit2" value="Forgot Password" /></td>
      <td width="80"><input type="submit" name="Submit3" value="New User" /></td>
    </tr>
  </table>
</form>
</body>
</html>

network18 15 Practically a Master Poster · Answer 9 · 2009-11-16T12:22:29+00:00

this can be the child window -

<script type="text/javascript">
function closer()
{
window.opener.focus();
this.close();
}
function sel()
{
var selIndex = document.getElementById('someid').selectedIndex;
var str = document.getElementById('someid').options[selIndex].value; 
window.opener.document.getElementById('showSel').innerHTML = str;
}
</script>

</head>
<body>
Select Department
<?php
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("navy") or die(mysql_error()); 

$query = "SELECT * FROM depatment"; 
$result = mysql_query($query); 
echo "<select id='someid'>";
while($row = mysql_fetch_array($result))
{ 
echo "<option>$row[Dept_Name]</option>";
}
echo "</select>";
?>

Note that inside the sel() function I used the id of the div from the parent window.