Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   форма и модальное окно (https://javascript.ru/forum/jquery/50031-forma-i-modalnoe-okno.html)

ask67 08.09.2014 14:23

форма и модальное окно
 
В модальном окне открывается форма, данные из которой передаются в другой php-файл. Как сделать так, чтобы этот файл открывался в этом же модальном окне?

ksa 08.09.2014 14:40

ask67, что есть у тебя "модальное окно"?

ask67 08.09.2014 14:50

модальное окно - блок

<div id="modal_form"> <!-- модальное окно -->
  <span id="modal_close"><img src="blocks/close.png" width="32" height="32" border="0"></span> <!-- Кнопка закрыть -->
  <div class="wrap"></div>
</div>
<div id="overlay"></div> <!-- Подложка -->


этот блок находится в главном файле.

Из других файлов загружаю в блок "wrap" посредством

$('.wrap').load($('a#go').attr("modal"));


непосредственно вызов идет так:

<a href="#" modal="z.php?l=ru" id="go">форма загрузки</A>


вобщем-то все работает, если нужно просто загрузить в окно из любого файла, даже друг друга можно вызывать. Но вот как с submit столкнулся, вот и задумался.

ksa 08.09.2014 15:00

Цитата:

Сообщение от ask67
модальное окно - блок

Это не модальное окно... Простой ДИВ...

Как вариант:
- данные передать Ajax
- прочитать новый контент
- заменить контент того дива

ksa 08.09.2014 15:01

Цитата:

Сообщение от ask67
Но вот как с submit столкнулся, вот и задумался.

У формы есть событие onsubmit...

ask67 08.09.2014 15:14

Цитата:

Сообщение от ksa (Сообщение 329540)
У формы есть событие onsubmit...

вот про это думал. Хотел правда onclick использовать, но получается, что события как бы раздельно пойдут (я имею в виду обработку get-переменных и загрузку файла в div).

Если несложно - как onsubmit в моем случае использовать?

ksa 08.09.2014 15:30

Цитата:

Сообщение от ask67
как onsubmit в моем случае использовать?

Так в твоем примере формы нет.

А так, вот

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function test() {
	alert('ok');
	// тут проверка полей и отправка данных
	return false;
};
</script>
</head>
<body>
<form onsubmit='return test();'>
	<!-- тут поля и кнопки -->
	<input />
</form>
</body>
</html>

ask67 08.09.2014 15:46

то есть, передавать данные не GET, а посредством скрипта?

ksa 08.09.2014 15:59

Цитата:

Сообщение от ask67
то есть, передавать данные не GET, а посредством скрипта?

ГЕТ или ПОСТ - не важно... В любом случае будет перезагрузка страницы. А передача данных посредством Ajax перезагружать страницу не будет...

ask67 08.09.2014 16:02

это сложно? (с передачей через ajax) сколько потребуется времени разобраться в данном конкретном случае? примерно.

ksa 08.09.2014 16:09

Цитата:

Сообщение от ask67
это сложно?

Я бы не сказал...
Цитата:

Сообщение от ask67
сколько потребуется времени разобраться в данном конкретном случае?

Мне хватило прочитать одну книжку
http://rutracker.org/forum/viewtopic.php?t=1148912

ask67 08.09.2014 16:11

нашел коротенький пример - http://www.poseti.net/otpravka-formyi.html
буду разбираться.
спасибо ksa!

ask67 08.09.2014 16:13

спасибо за ссылку, сейчас скачаю

ksa 08.09.2014 16:15

Цитата:

Сообщение от ask67
нашел коротенький пример - http://www.poseti.net/otpravka-formyi.html

Есть и тут в "Учебнике"
http://learn.javascript.ru/#book-toc-657


Часовой пояс GMT +3, время: 16:04.