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) сколько потребуется времени разобраться в данном конкретном случае? примерно.


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