select from list in pop-up window and set value of text box in parent window

[mychikka]

How to's:

I have java script that opens a new window now inside my pop-up window I have list of names display and I want to select the names and insert it on my PHP page text box. Anybody who can show me how to do this?

thanks!

echo '
    <h2>' . ( $id ? translate ( 'Edit Entry' ) : translate ( 'Add Entry' ) )
 . $eType_label . '&nbsp;<img src="images/help.gif" alt="' . translate ( 'Help' )
 . '" class="help" onclick="window.open( \'search_contact.php'
 . ( empty ( $id ) ? '?add=1' : '' )
 . '\', \'cal_help\', \'dependent,menubar,scrollbars,height=400,width=800,'
 . 'innerHeight=420,outerWidth=420\' );" /></h2>'

[JosAH]

There no Java in your question; where do you want me to move your question to? A Javascript forum or a PHP forum?

kind regards,

Jos (moderator)

[mychikka]

Hi Josah,

Originally I posted this thread on PHP but I was told by Markus to put this on JAVA forum.

Basically after doing the pop-up window I just wanted to grab the variable selected to the other page. I hope I discribe the process I wanted to do well. Now Im looking for answer how to do this.

thanks again

[mychikka]

pop-up window var

I have java script inside my php that opens a 2nd page window. What I wanted to do is to select the name (for example) from the pop-up window and send the value to my original page on PHP text box. Anybody who can show me how to do this?

echo '  
    <h2>' . ( $id ? translate ( 'Edit Entry' ) : translate ( 'Add Entry' ) )  
 . $eType_label . '&nbsp;<img src="images/help.gif" alt="' . translate ( 'Help' )  
 . '" class="help" onclick="window.open( \'search_contact.php'  
 . ( empty ( $id ) ? '?add=1' : '' )  
 . '\', \'cal_help\', \'dependent,menubar,scrollbars,height=400,width=800,'  
 . 'innerHeight=420,outerWidth=420\' );" /></h2>'

[dmjpro]

You want to send back the name from pop-up window to opener window.
You should have a event handler on the pop-up window when you will send back the name to opener window. Access your opener document using "opener.documen t" in pop-up window JavaScript ;)
That's what you wanted ?

[JosAH]

Hi Josah,

Originally I posted this thread on PHP but I was told by Markus to put this on JAVA forum.

Basically after doing the pop-up window I just wanted to grab the variable selected to the other page. I hope I discribe the process I wanted to do well. Now Im looking for answer how to do this.

thanks again

Hi,

it definitely isn't a Java question; there's a bit of Javascript in your file but you also mention PHP (on the server side?) It was a mistake to redirect you to this Java forum (there is no Java in the vicinity ;-)

I'll move it to the Javscript forum; good luck.

kind regards,

Jos

[acoder]

Once you have access to the opener window, to set the text box value:

opener.document.getElementById("textboxID").value = val;

where "textboxID" is the ID of the text box and val is the value selected.

[mychikka]

Here's what I got after encorporating acecoder's code but it doesn't do anything. By the way I put this script on the pop-up window or second window. Please let me know what im missing.

echo "<input type='button' value='Select' onclick=window.opener.document.getElementById( 'ContactID' ).value = value_from_contactbox  window.close()'>";

[mychikka]

or should I add any on the main page where it's calling the pop-up window?

[acoder]

Two things:
1. is value_from_cont actbox set correctly by the time you click on the button?
2. You need a semi-colon after that statement before window.close().

[mychikka]

Hi acoder, the variable im picking is a result of my query that is displayed in a list and I have a select button (below) to catch the value of the row (which is the contactid)
but still not working (sigh*) I hope im almost there.

echo "<input type='button' value='Select' onclick='window.opener.document.getElementById( 'Contact' ).value = '". $row['contactid']."' ";

[Frinavale]

Sorry to bud in here but I remember something about having to set the name of the parent window for the opener to work....experts if I'm wrong here please correct me :)

Did you set the name of the Parent window before opening the Child window (popup window)?

For example:

<body onload="window.name='ParentWindowName'">

Aside from that, I would recommend that you put your JavaScript in a method instead of directly in the button click event. This is simply easier to read especially if you have "if" statements....f or example....Oh! wait a sec...By rewriting your JavaScript into a function I found your problem.

You're attempting to access a variable that exists on the server in your JavaScript code. You cannot access $row['contactid'] in your JavaScript method because this variable exists on the server.

Well, actually this might not be your problem if your list submits the page to the PHP code when the users selects something...the n your button would have had the correct values. Regardless, I believe that you have looked over this fact. (Maybe, I should just stick with .NET :) )

Try retrieving the selected value using JavaScript in order to set the text box in your parent page.


For example (the following assumes that you're attempting to print an item selected in a <select> list with the ID = "idOfList") :

echo "<script type='text/javascript'>"
echo " function setTextBoxValue(){"
echo "   if (window.opener && !window.opener.closed) {"
echo "     var dropDownList = document.getElementById('idOfList');"
echo "     var selectedIndex = dropDownList.selectedIndex;"
echo "     var selectedValue = dropDownList[dropdownIndex].value;"
echo "     window.opener.document.getElementById('Contact').value = selectedValue ;" 
echo "   }"
echo "}"
echo "</script>
echo "<input type='button' value='Select' onclick='setTextBoxValue();' />"

-Frinny

[mychikka]

a little progress here... my java is functioning except it didn't catch the value

My Java on to of the <body> tag

<script language="javascript"> 
function contactid(contactid) 
{ 
window.opener.document.getElementById( 'Contactid' ).value =textcontactid; 
window.close(); 
} 
</script>

MY PHP CODE -- I put the value to pick on the text box

echo "<td><input type='text' name=\"textcontactid\" value='". $row['contactid']. "'>";
echo "<input type='button' value='". $row['contactid']. "' onclick=\"contactid()\" >";

RESULT:
[object] --- SHOWS ON MY PARENT WINDOW TEXT BOX

please help :(

[mychikka]

and my parent input box looks like this....

echo "<td width='100%'>
	<input type=\"text\" name=\"contactid\" onclick=\"window.open('contact_search_sub.php')\"></input>";

[acoder]

A few things:
1.. Watch out for the case. "contactid" and "Contactid" are NOT the same.
2. The number of parameters has to be correct.
3. In your function, you have textcontactid, but you've not set it anywhere. I would suggest passing the value in the function, e.g. when calling the function, you could use "contactid(this .form.textconta ctid.value)"