send data from a new window to previous window in php

Question

I have an image in the main.php file :

  <img src="..\images\image.gif" class="cur" onclick="imgWin();">

when I click on this image below function has called :

function imgWin()
{
   imageWin=window.open("../pages/img.php","imageWin","toolbar=no,width=500,height=200,directories=no,menubar=no,SCROLLBARS=yes");
}

this function opens img.php in a new window

img.php file :

<HTML>
<HEAD>
    <TITLE>upload image</TITLE>
</HEAD>
<BODY>

    <FORM NAME="imgForm" method="get" action="#">
          address : 
          <INPUT type="file" name="imgUrl" size="50">
          description : 
          <INPUT type="text" name="description" size="50">
          <input type="submit" value="sumbit">
    </form>
</BODY>
</HTML>

I want to when I click on submit button in above form , data from imgUrl and description textboxes send to main.php file.

How to I can do it ?

What do you want to do with the data from the imgUrl and description after they are sent to main.php? — Nicolae Albu, Jul 17 '11 at 06:14

score 1 · Answer 1 · answered Jul 16 '11 at 13:27

You should be naming your windows.....

 <form action="foobar.php" method="get" target="foo">
 First name: <input type="text" name="fname" /><br />
 Last name: <input type="text" name="lname" /><br />
 <input type="submit" value="Submit" />
 </form>

This will submit the form back to the target window which is named "foo" and the action is foobar.php ... When you open the window, with your javascript, specify the "name" which is the target ..

 window.open(URL,name,specs,replace)

Hamid · Answer 2 · 2011-07-17T06:08:45.780

I suggest you use jQuery to reach it!

// -------------------------- main.php
    <img src="..\images\image.gif" class="cur" id="imgButton">
    <div id="page"></div>

    <script type="text/javascript" >
    $('#imgButton').click(function(){
       $('#page').load('../pages/img.php');
    )}
    </script>


// ------------------img.php file :

    <form name="imgForm" method="post" action="#">
          address : 
          <INPUT type="file" name="imgUrl" size="50">
          description : 
          <INPUT type="text" name="description" size="50">
          <input type="button" value="sumbit" id="submit">
    </form>

        <script type="text/javascript" >
        $('#submit').click(function(){
           ........
           SEND YOUR DATA BY AJAX
           $.ajax({
           url:.......,
           data:(FORM VARIABLES),
           success:function(){
            // PRINT YOUR INPOUT VARIABLE HERE ;
            // $("input[name='imgUrl']").val();

           }
           })

        )}
        </script>

EDIT

$.ajax({  
  type: "POST",  
  url: "YOUR ADDRESS HERE",  
  data: {var1:$("input#[INPUT NAME]").val(),var2:$("input#[INPUT NAME]").val(), ....}  
  success: function() {
  // Do something on success
  // alert ( 'Form Sent' );
  });  
  }  
});

How to send my data by AJAX ? I dont know AJAX very well – Javad Yousefi Jul 16 '11 at 13:48 — Javad Yousefi, Jul 16 '11 at 13:48

score -1 · Answer 3 · answered Jul 16 '11 at 13:29

The only way I can think of at the moment is to store the required fields of img.php into another file, say img.xml, then load that in the main file using AJAX.

The ajax code would be stored in the main file. In the img.php file, you would have an onClick over the submit button which triggers the AJAX in the main file.

score -1 · Answer 4 · answered Jul 16 '11 at 14:49

-1

Change:

action="#"

To:

action="main.php"

It will send the parameters to main.php and there you need to write code to process it.

answered Jul 16 '11 at 14:49

Memochipan

3,405
5
35
60

send data from a new window to previous window in php

4 Answers4