Помогите настроить Модальное окно

2

Jnger_2014

25 мая 2014, 06:03

938

Доброго время сутьк вам.

Проблема такова - Сама форма открывается в модальном окне и после заполнения при нажатии на отправить открывается новое окно. Народ подскажите, как сделать чтобы данные из файла mail2.php "В ближайшее время Вы обязательно получите ответ и.т.д"

открывались именно в модальном окне а не в новом???? <head>

<link href="modal.css" rel="stylesheet" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

	<script>$(document).ready(function() {	$('a[name=modal]').click(function(e) {		e.preventDefault();		var id = $(this).attr('href');		var maskHeight = $(document).height();		var maskWidth = $(window).width();		$('#mask').css({'width':maskWidth,'height':maskHeight});		$('#mask').fadeIn(1000);		$('#mask').fadeTo("slow",0.8);		var winH = $(window).height();		var winW = $(window).width();		$(id).css('top',  winH/2-$(id).height()/2);		$(id).css('left', winW/2-$(id).width()/2);		$(id).fadeIn(2000);	});	$('.window .close').click(function (e) {		e.preventDefault();		$('#mask, .window').hide();	});	$('#mask').click(function () {		$(this).hide();		$('.window').hide();	});});</script>

Далее делаю кнопку и форму

<a href="#dialog" name="modal" class="button medium blue">Открыть модальное окно</a>

				<div id="boxes">

			<div id="dialog" class="window">				

<a class="close" href="#"/><img src="close.png"></a>				

<h3><form action='mail2.php' method='POST' name='target='_blank' >

<p style='font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;'>

Ваше имя:<br>

<input name='name' type='text' size='30'></p>

<p style='font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;'>

Ваш телефон<br>

<input name='email' type='text' size='30'></p>

<p style='font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;'>

Ваше сообщение:<br>

<textarea name='mess' rows='5' cols='50'></textarea>

<p><input name='submit' type='submit' style='font-family: Verdana; font-size: 8pt; color: #ffffff; background-color: #6699cc; font-weight: bold;' value='Отправить сообщение'>



<input name='Reset' type='reset' style='font-family: Verdana; font-size: 8pt; color: #ffffff; background-color: #6699cc; font-weight: bold;' value='Очистить форму'></p>





</form></h3>

			</div>

			<div id="mask"></div>

		</div>

Сама форма открывается в модальном окне и после заполнения при нажатии на отправить открывается новой окно. Народ подскажите как сделать чтобы данные из файла mail2.php "В ближайшее время Вы обязательно получите ответ и.т.д"именно в модальном окне а не в новом????

mail2.php

<?php



$name = $_POST['name'];

$email = $_POST['email'];

$mess = $_POST['mess'];



$REMOTE_ADDR = $_POST['REMOTE_ADDR'];



if (isset ($name))

{

$name = substr($name,0,20); //Не может быть более 20 символов

if (empty($name))

{

echo "<center><b>Не указано имя !!!<p>";

echo "<a href=kontakti.html>Вернуться и правильно заполнить форму.</a>";

exit;

}

}

else 

{

$name = "не указано";

}



if (isset ($email))

{

$email = substr($email,0,20); //Не может быть более 20 символов

if (empty($email))

{

echo "<center><b>Не указан телефон!!!<p>";

echo "<a href=kontakti.html>Вернуться и правильно заполнить форму.</a>";

exit;

}

}

else 

{

$email = "не указано";

}



if (isset ($mess))

{

$mess = substr($mess,0,1000); //Не может быть более 1000 символов

if (empty($mess))

{

echo "<center><b>Сообщение не написано !!!<p>";

echo "<a href=kontakti.html>Вернуться и правильно заполнить форму.</a>";

exit;

}

}

else 

{

$mess = "не указано";

}



$i = "не указано";

if ($name == $i AND $email == $i AND $mess == $i)

{

echo "Внимание! Произошла ошибка! Вы не заполнили поля сообщения!";

exit;

}



$to = "e_mail@e_mail.ru";

$subject = "Сообщение с сайта ";

$message = "Имя пославшего письмо: $name .\nЭлектронный адрес: $email\nСообщение: $mess .\nIP-адрес: $_SERVER[REMOTE_ADDR]";

mail ($to,$subject,$message,"Content-type:text/plain; charset = windows-1251") or print "Не могу отправить письмо !!!";

echo "<center><b>Спасибо за отправку Вашего сообщения. <br><br> В ближайшее время Вы обязательно получите ответ.";

exit;

?>

204

дани мапов

25 мая 2014, 08:15

#1

У всех файлов поменять кодировку на utf-8

Добавить код:


$(document).ready(function () {





  $('#dialog form').submit(function () {

	var formData = $(this).serializeArray();

	

	$.post("mail2.php", formData, function(data) {

		$("#dialog").append(data);

	});		

	

	return false;

  });

..........

В mail2.php поменять кодировку письма с windows-1251 на utf-8

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

J2

2

Jnger_2014

26 мая 2014, 03:33

#2

Домен настроин под windows-1251 поэтому и в форме так

204

дани мапов

26 мая 2014, 18:46

#3

Тогда используй функцию iconv.

J2

2

Jnger_2014

10 июня 2014, 10:24

#4

Не совсем понял

Куда код вставлять?

204

дани мапов

10 июня 2014, 16:45

#5

В тот файл, где кнопка модального окна.

Что делать, чтобы попасть в ответы Google Bard

Дзен реализовал для авторов возможность вывода денег через СПБ