Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Создание окна, обработка, возврат результата.

Автор: Rooner 21.8.2011, 14:34

Привет.
Есть страница material.php с кнопкой/ссылкой. Мне нужно сделать так, чтобы по нажатию по кнопке/ссылке открывалось новое окно, с формой, где пользователь может проставить галочки и нажать на кнопку "сохранить". После чего новое окно должно закрыться и все что выбрал пользователь, передалось обратно на material.php
Окно с формой я создал, но как мне передать из него данные обратно в material.php? Мб через сессию? Мб использовать уже готовые решения, надстройки? Посоветуйте, как лучше?
Вот мой код:

Код


<?php
  // чтобы работало нужно убрать все пробелы между тэгами, иначе джаваскрипт не выполняется
  $text = "<form method='post' action='http://a-vantage/test2.php'>
  <input type='checkbox' name='model1' id='model1' value='1' /><br>
  <input type='checkbox' name='model2' id='model2' value='2' /><br>
  <input type='submit' name='join' value='submit'/>
  </form>";
?>

<html>
<head>

</head>
<body>

<form>
  <input type=button value="On-the-fly" onClick="openWin()">
</form>

</body>
</html>

<script language="JavaScript">
function openWin() {
  myWin= open("", "displayWindow", "width=800,height=600,status=yes,toolbar=yes,menubar=yes");

  // открыть объект document для последующей печати 
  myWin.document.open();
  
  // генерировать новый документ 
  myWin.document.write("<html><head><title>On-the-fly</title></head>");
  myWin.document.write("<body>");
  myWin.document.write("<? echo $text; ?>");
  myWin.document.write("</body></html>");

  // закрыть документ - (но не окно!)
  myWin.document.close();
  
}
</script>

Чтобы было понятней вот скрин, как это реализовано в joomle:
(там нажимаем параметры, открывается окно, выбираем, сохраняем)
http://s1.ipicture.ru/Gallery/Viewfull/5510968.html

Автор: нуп 22.8.2011, 12:35

Повесить на кнопку функцию, которая собирает нужные данные и отправляет их куда надо smile

Автор: Rooner 22.8.2011, 16:40

Цитата(нуп @ 22.8.2011, 12:35)

Повесить на кнопку функцию, которая собирает нужные данные и отправляет их куда надо smile

А можно на примере? smile

Нашел http://particletree.com/features/lightbox-gone-wild/ но опять же не пойму как добраться до данных на форме после того как юзер нажал на кнопку?

Автор: нуп 22.8.2011, 16:59

Вам надо передать данные на сервер, или в главное окно? Если на сервер создаете форму, заполняете, делаете сабмит формы, и закрываете окно. В чем именно проблемы?!

Автор: Rooner 22.8.2011, 17:08

Цитата(нуп @ 22.8.2011, 16:59)

Мне нужно передать данные обратно в главное окно, после того как юзер нажал кнопку на форме в новом окне. После нажатия на кнопке куда деваются все данные из формы, как их например записать в переменную, или запихать в текстовое поле?

Автор: нуп 22.8.2011, 17:14

Дочернее окно

Код


<input type="text" id="test" value="111" />
<input type="text" id="test2" value="222" />

Код


var test = document.getElementById('test').value;
var test2 = document.getElementById('test2').value;

if(window.opener) {
     window.opener.document.getElementById('my_textarea').value = test + test2;
}

Можно передать через window.opener

Автор: Rooner 22.8.2011, 18:30

нуп, спасибо за помощь.
Я сделал несколько по-другому.
по нажатию по кнопке на дочернем окне:

Код


<input type="button" onclick="give()" value="give"/>

вызывается функция которая записывает значение текстового поля(на дочернем окне) в текстовую область(на главном окне):

Код


  <script language="JavaScript"> 
    function give() {
      document.getElementById('my_textarea').value = document.getElementById('name').value;
    }
  </script>

Все это с использованием надстройки Lightbox Gone Wild, довольно удобно.

Осталось только понять в какой элемент формы лучше записать дынные о множестве отмеченных checkbox'ах? Т.е. я хочу передать отмеченные флажки на форме в дочернем окне, в элемент формы на главном окне.

Автор: нуп 22.8.2011, 19:31

Отослать данные не в главное окно, а на сервер. И после этого обновить грид

Автор: Rooner 22.8.2011, 20:41

Цитата(нуп @ 22.8.2011, 19:31)

Отослать данные не в главное окно, а на сервер. И после этого обновить грид

Что такое грид? Страница?
Если я отошлю данные на сервер и обновлю страницу, то данные внесенные в форму на главной странице потеряются либо отправятся сразу, что мне не нужно.
Т.е. у меня на главной странице есть форма с основной кнопкой, которая добавляет в БД все введенные данные. Также на главной есть кнопка создающая новое окно с новой формой, в которой юзер отмечает checkbox'ы и какбы сохраняет свой выбор куда-либо(в элемент на главной форме), закрывая новое окно. После чего жмет основную кнопку на главной форме в главном окне и данные сохраняются в БД.
Мб данные об отмеченных checkbox'ах из нового окна сохранять в текстовую область в главном окне в виде строки? Хотя это не совсем удобно...

Кстати данные об отмеченных checkbox'ах скорее всего будут просто в виде строки чисел "101, 103, 211, 217". В какой элемент формы такую строку проще запихнуть, чтобы было удобнее с ней работать/изменять?

Автор: нуп 22.8.2011, 21:16

Тогда тупо собрать данные из checbox и добавить на форму в главном окне как скрытые поля. <input type="hidden" name="param1" value="666" />...

Автор: Rooner 22.8.2011, 21:34

Цитата(нуп @ 22.8.2011, 21:16)

Checkbox'ов может быть тысяча. Попробую все отмеченные собрать в строку и запихать в текстовое поле, или мб даже в 1 скрытое, вобщем спасибо, теперь думаю получится реализовать то что задумал.