отправлять данные из нового окна в предыдущее окно в php - PullRequest
Новая
       31

отправлять данные из нового окна в предыдущее окно в php

2 голосов
/ 16 июля 2011

У меня есть изображение в файле main.php: 

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

когда я нажимаю на это изображение, ниже вызывается функция: 

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

эта функция открывает img.php в новом окне

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>

Я хочу, чтобы при нажатии кнопки submit в форме выше данные из текстовых полей imgUrl и description отправлялись в файл main.php.

Как мне это сделать?

Ответы [ 4 ]

1 голос
/ 16 июля 2011

Вы должны называть свои окна ..... 

 <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>

Это отправит форму обратно в целевое окно с именем "foo", а действие будет foobar.php ... Когдавы открываете окно, с вашим JavaScript, укажите «имя», которое является целью .. 

 window.open(URL,name,specs,replace)
0 голосов
/ 16 июля 2011

Изменение: 

action="#"

Кому: 

action="main.php"

Он отправит параметры в main.php, и вам нужно написать код для его обработки.

0 голосов
/ 16 июля 2011

Я предлагаю вам использовать jQuery, чтобы достичь его! 

// -------------------------- 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>

РЕДАКТИРОВАТЬ 

$.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' );
  });  
  }  
});
0 голосов
/ 16 июля 2011

В данный момент я могу думать только о том, чтобы сохранить необходимые поля img.php в другом файле, например img.xml, а затем загрузить его в основной файл с помощью AJAX.

Код Ajax будет храниться в основном файле. В файле img.php у вас будет onClick над кнопкой отправки, которая запускает AJAX в основном файле.

...