Форум

ask67 · #1 (**permalink**) 08.09.2014, 14:23

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

ksa · #2 (**permalink**) 08.09.2014, 14:40

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

ask67 · #3 (**permalink**) 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 · #4 (**permalink**) 08.09.2014, 15:00

Сообщение от ask67

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

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

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

ksa · #5 (**permalink**) 08.09.2014, 15:01

Сообщение от ask67

Но вот как с submit столкнулся, вот и задумался.

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

ask67 · #6 (**permalink**) 08.09.2014, 15:14

Сообщение от ksa

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

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

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

ksa · #7 (**permalink**) 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 · #8 (**permalink**) 08.09.2014, 15:46

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

ksa · #9 (**permalink**) 08.09.2014, 15:59

Сообщение от ask67

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

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

ask67 · #10 (**permalink**) 08.09.2014, 16:02

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

Форум

Справочник

Discord чат

Курсы javascript