[losse]

Hi there
I have a 4 page registration form. On pages 1-3 I pass user inputs to a $_SESSION variable up until the last page where I use the $_SESSION to ECHO the inputs so that the user can confirm them (and go back if they made a mistake).

On page 2 of the registration form (call it form1.php) there is a field that asks the user to click on a link that opens a new window (call it form2.php) for them to select an image. For example, click here to select your image. Once they select that image, they click "next" and the window closes for them to be back on form1.php to fill out the rest of the form...

So, here's the condensed code for form1.php

PHP Code:

<?php 

session_start(); 

if(isset($_POST['submit'])) 

{ 



    $_SESSION['image'] = $_POST['image'];  



// redirect 

    header("Location: http://www.url.php"); 

} 

else 

{ 

?>



<form action="<?=$_SERVER['PHP_SELF']?>" name="form1" method="post"> 



<a href="#" target="new" onClick='window.open("form2.php","","width=600,height=500,resizable=no,scrollbars=no"); return false;'>Click here to select secret image</a>



<input type="hidden" name="image" value="<? if (isset($_SESSION['image'])) echo $_SESSION['image'];?>">

Now this is the code for the pop up form2.php

PHP Code:

<?php 

session_start(); 

?>

<script type="text/javascript"> 

<!-- 



function sendFormData(form_object) 

{ 

    remoteForm = opener.document.form1; 

    remoteForm.image.value = form_object.image.value; 

    window.close(); 

} 



--> 

</script> 



<form name="form2"> 

<p>Choose an image:</p>    

<p><input type="radio" name="image" value="image1.jpg"> File Name #1  

<p><input type="radio" name="image" value="image2.jpg"> File Name #2 



<input type="button" value="Choose file and return to main form" onClick="sendFormData(window.document.form2);"> 



</form>

Ok... now here's the problem, The entire process works well... The user can click the link, the pop up appear,s they select an image, they close the window and continue on the form...

On page 4 - the confirmation page - all the other fiels turn out fine but for some reason, the image thumbnail doesn't appear... It actually shows a broken image and when I right-click / properties, it shows:

http://www.url.com/images/undefined

Here's the code on page 4

PHP Code:

<?php 

ob_start(); // Send the output.  

session_start(); 



<?php 

if (!isset($_POST['submit'])) { 

// form not submitted 

?> 

<form action="<?=$_SERVER['PHP_SELF']?>" method="post"> 

?> 



<?php echo "<img src='images/" . $_SESSION['image'] . "'>" ?>

Can anyone help? What I would like to do is bring out the image there, not the image path or, of course, a broken image link!

[Nico]

It's an error in your Javascript. This should do the trick

Code:

<script type="text/javascript"> 
<!-- 

function sendFormData() 
{ 
	var images = document.form2.image;
	
	for (i = 0; i < images.length; i++)
	{
		if (images[i].checked)
		{
			remoteForm = opener.document.form1; 
			remoteForm.image.value = images[i].value; 
			window.close(); 
		}
	}
} 

--> 
</script> 

<form name="form2"> 
<p>Choose an image:</p>    
<p><input type="radio" name="image" value="image1.jpg"> File Name #1  
<p><input type="radio" name="image" value="image2.jpg"> File Name #2 

<input type="button" value="Choose file and return to main form" onClick="sendFormData();"> 

</form>

[losse]

Thanks Nico... it worked... I'll study that javascript to see what the difference is.

[Nico]

To get the value of a radio button you have to loop through all and check which is selected. If you know a bit about Javascript and look at the code you'll see how it works. it's quite obvious.