Как закрыть форму после исполнения
26.01.2014, 18:37. Показов 2509. Ответов 4
Всем добрый вечер. ситуация такая: есть объект, нажимаеш выплывает форма. вводиш данные. жмеш отправить. выводится отчет о том, что сообщение отправлено и все, дальше нужно закрывать на крестик. Как сделать чтобы после сообщения об успешной отправки она сама зкрывалась.
| HTML5 | 1
2
3
4
5
6
7
8
9
10
11
| <html>
<head>
<link type='text/css' href='contacts/contact.css' rel='stylesheet' media='screen' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type='text/javascript' src='contacts/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='contacts/js/contact.js'></script>
</head>
<body>
<a href="" class='contact'>aaaa</a>
</body>
</html> |
|
| JavaScript | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
| jQuery(function ($) {
var contact = {
message: null,
init: function () {
$('.contact').click(function (e) {
e.preventDefault();
$.get("contacts/contact.php", function(data){
$(data).modal({
closeHTML: "<a href='#' title='Закрыть' class='modal-close'>x</a>",
position: ["15%",],
overlayId: 'contact-overlay',
containerId: 'contact-container',
onOpen: contact.open,
onShow: contact.show,
onClose: contact.close
});
});
});
},
open: function (dialog) {
if ($.browser.mozilla) {
$('#contact-container .contact-button').css({'padding-bottom': '2px'});
}
if ($.browser.safari) {
$('#contact-container .contact-input').css({'font-size': '.9em'});
}
var h = 280;
if ($('#contact-subject').length) {h += 26;}
if ($('#contact-cc').length) {h += 22;}
var title = $('#contact-container .contact-title').html();
$('#contact-container .contact-title').html('Загрузка...');
dialog.overlay.fadeIn(200, function () {
dialog.container.fadeIn(200, function () {
dialog.data.fadeIn(200, function () {
$('#contact-container .contact-content').animate({
height: h
}, function () {
$('#contact-container .contact-title').html(title);
$('#contact-container form').fadeIn(200, function () {
$('#contact-container #contact-name').focus();
$('#contact-container .contact-cc').click(function () {
var cc = $('#contact-container #contact-cc');
cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked');
});
if ($.browser.msie && $.browser.version < 7) {
$('#contact-container .contact-button').each(function () {
if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {
var src = RegExp.$1;
$(this).css({
backgroundImage: 'none',
filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + src + '", sizingMethod="crop")'
});
}
});
}
});
});
});
});
});
},
show: function (dialog) {
$('#contact-container .contact-send').click(function (e) {
e.preventDefault();
if (contact.validate()) {
var msg = $('#contact-container .contact-message');
msg.fadeOut(function () {
msg.removeClass('contact-error').empty();
});
$('#contact-container .contact-title').html('Отправка...');
$('#contact-container form').fadeOut(200);
$('#contact-container .contact-content').animate({
height: '80px'
}, function () {
$('#contact-container .contact-loading').fadeIn(200, function () {
$.ajax({
url: 'contacts/contact.php',
data: $('#contact-container form').serialize() + '&action=send',
type: 'post',
cache: false,
dataType: 'html',
success: function (data) {
$('#contact-container .contact-loading').fadeOut(200, function () {
$('#contact-container .contact-title').html('Спасибо!');
msg.html(data).fadeIn(200);
});
},
error: contact.error
});
});
});
}
else {
if ($('#contact-container .contact-message:visible').length > 0) {
var msg = $('#contact-container .contact-message div');
msg.fadeOut(200, function () {
msg.empty();
contact.showError();
msg.fadeIn(200);
});
}
else {
$('#contact-container .contact-message').animate({
height: '30px'
}, contact.showError);
}
}
});
},
close: function (dialog) {
$('#contact-container .contact-message').fadeOut();
$('#contact-container .contact-title').html('Завершение...');
$('#contact-container form').fadeOut(200);
$('#contact-container .contact-content').animate({
height: 40
}, function () {
dialog.data.fadeOut(200, function () {
dialog.container.fadeOut(200, function () {
dialog.overlay.fadeOut(200, function () {
$.modal.close();
});
});
});
});
},
error: function (xhr) {
alert(xhr.statusText);
},
validate: function () {
contact.message = '';
if (!$('#contact-container #contact-name').val()) {
contact.message += 'Введите имя. ';
}
var email = $('#contact-container #contact-email').val();
if (!email) {
contact.message += 'Введите E-mail. ';
}
else {
if (!contact.validateEmail(email)) {
contact.message += 'E-mail введен неверно. ';
}
}
if (!$('#contact-container #contact-message').val()) {
contact.message += 'Введите сообщение. ';
}
if (contact.message.length > 0) {
return false;
}
else {
return true;
}
},
validateEmail: function (email) {
var at = email.lastIndexOf("@");
if (at < 1 || (at + 1) === email.length)
return false;
if (/(\.{2,})/.test(email))
return false;
var local = email.substring(0, at);
var domain = email.substring(at + 1);
if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)
return false;
if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))
return false;
if (!/^"(.+)"$/.test(local)) {
if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))
return false;
}
if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)
return false;
return true;
},
showError: function () {
$('#contact-container .contact-message')
.html($('<div class="contact-error"></div>').append(contact.message))
.fadeIn(200);
}
};
contact.init();
}); |
|
| PHP | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| <?php
$to = "test@mail.ru";
$subject = "Сообщение формы обратной связи";
$extra = array(
"form_subject" => false,
"form_cc" => false,
"ip" => false,
"user_agent" => false
);
$action = isset($_POST["action"]) ? $_POST["action"] : "";
if (empty($action)) {
$output = "<div style='display:none'>
<div class='contact-top'></div>
<div class='contact-content'>
<h1 class='contact-title'>Отправить сообщение:</h1>
<div class='contact-loading' style='display:none'></div>
<div class='contact-message' style='display:none'></div>
<form action='#' style='display:none'>
<label for='contact-name'>Имя:</label>
<input type='text' id='contact-name' class='contact-input' name='name' tabindex='1001' />
<label for='contact-email'>E-mail:</label>
<input type='text' id='contact-email' class='contact-input' name='email' tabindex='1002' />";
if ($extra["form_subject"]) {
$output .= "
<label for='contact-subject'>Тема:</label>
<input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' />";
}
$output .= "
<label for='contact-message'>Сообщение:</label>
<textarea id='contact-message' class='contact-input' name='message' cols='40' rows='4' tabindex='1004'></textarea>
<br/>";
if ($extra["form_cc"]) {
$output .= "
<label> </label>
<input type='checkbox' id='contact-cc' name='cc' value='1' tabindex='1005' /> <span class='contact-cc'>Отправить мне копию</span>
<br/>";
}
$output .= "
<button type='submit' class='contact-send contact-button' tabindex='1006'>Отправить</button>
<button type='submit' class='contact-cancel contact-button simplemodal-close' tabindex='1007'>Отмена</button>
<input type='hidden' name='token' value='" . smcf_token($to) . "'/>
</form>
</div>
<div class='contact-bottom'></div>
</div>";
echo $output;
}
else if ($action == "send") {
$name = isset($_POST["name"]) ? $_POST["name"] : "";
$email = isset($_POST["email"]) ? $_POST["email"] : "";
$subject = isset($_POST["subject"]) ? $_POST["subject"] : $subject;
$message = isset($_POST["message"]) ? $_POST["message"] : "";
$cc = isset($_POST["cc"]) ? $_POST["cc"] : "";
$token = isset($_POST["token"]) ? $_POST["token"] : "";
if ($token === smcf_token($to)) {
smcf_send($name, $email, $subject, $message, $cc);
echo "Ваше сообщение успешно отправлено.";
}
else {
echo "К сожалению, Ваше сообщение не может быть отправлено.";
}
}
function smcf_token($s) {
return md5("smcf-" . $s . date("WY"));
}
function smcf_send($name, $email, $subject, $message, $cc) {
global $to, $extra;
$name = smcf_filter($name);
$subject = smcf_filter($subject);
$email = smcf_filter($email);
if (!smcf_validate_email($email)) {
$subject .= " - неправильный e-mail";
$message .= "\n\nНеправильный e-mail: $email";
$email = $to;
$cc = 0;
}
if ($extra["ip"]) {
$message .= "\n\nIP: " . $_SERVER["REMOTE_ADDR"];
}
if ($extra["user_agent"]) {
$message .= "\n\nUSER AGENT: " . $_SERVER["HTTP_USER_AGENT"];
}
$body = "От: $name\n\n";
$body .= "Email: $email\n";
$body .= "Сообщение: $message";
$body = wordwrap($body, 70);
$headers = "От: $email\n";
if ($cc == 1) {
$headers .= "Cc: $email\n";
}
$headers .= "X-Mailer: PHP/SimpleModalContactForm";
$headers .= "MIME-Version: 1.0\n";
$headers .= "Content-type: text/plain; charset=utf-8\n";
$headers .= "Content-Transfer-Encoding: quoted-printable\n";
@mail($to, $subject, $body, $headers) or
die("К сожалению, Ваше сообщение отправить не удалось. Попробуйте еще раз.");
}
function smcf_filter($value) {
$pattern = array("/\n/","/\r/","/content-type:/i","/to:/i", "/from:/i", "/cc:/i");
$value = preg_replace($pattern, "", $value);
return $value;
}
function smcf_validate_email($email) {
$at = strrpos($email, "@");
if ($at && ($at < 1 || ($at + 1) == strlen($email)))
return false;
if (preg_match("/(\.{2,})/", $email))
return false;
$local = substr($email, 0, $at);
$domain = substr($email, $at + 1);
$locLen = strlen($local);
$domLen = strlen($domain);
if ($locLen < 1 || $locLen > 64 || $domLen < 4 || $domLen > 255)
return false;
if (preg_match("/(^\.|\.$)/", $local) || preg_match("/(^\.|\.$)/", $domain))
return false;
if (!preg_match('/^"(.+)"$/', $local)) {
if (!preg_match('/^[-a-zA-Z0-9!#$%*\/?|^{}`~&\'+=_\.]*$/', $local))
return false;
}
if (!preg_match("/^[-a-zA-Z0-9\.]*$/", $domain) || !strpos($domain, "."))
return false;
return true;
}
exit;
?> |
|
Помогите пожалуйста, очень нужно
0
|
(
Сообщение от Eur93
