Alexeina66
Мой дом здесь!
- Регистрация
- 26 Авг 2013
- Сообщения
- 426
- Реакции
- 446
- Автор темы
- #1
Всем привет!
Прикрутил всплывающие окна для Регистрации и Входа в интернет-магазин, но не могу изменить размеры окна.
Реализация - fancybox. Читал мануалы, но почему то всплывает весь сайт в окне
Вот код отвечающий за Всплывающее окно регистрации
Прикрутил всплывающие окна для Регистрации и Входа в интернет-магазин, но не могу изменить размеры окна.
Реализация - fancybox. Читал мануалы, но почему то всплывает весь сайт в окне
Вот код отвечающий за Всплывающее окно регистрации
Код:
<div class="callBack" style="display:block;"><div class="register-ajax"><a href="#register_ajax" class="fancy_button">Регистрация</a></div></div>
<div style="display:none; width: ">
<div id="register_ajax">
<div class="fancy_padding" style="text-align: center;">
<h3>Регистрация или<a href="javascript:;" id="show_login"> Войти</a></h3>
<form id="register_ajax_form" method="post">
<div class="message_error" style="display: none;"></div>
<input type="text" name="name_ajax" value="" data-validate="name" data-notice="Введите имя" value="" placeholder="Ваше имя"/>
<input type="text" name="email_ajax" value="" data-validate="email" data-notice="Введите e-mail" value="" placeholder="Электронная почта"/>
<input data-validate="password" data-notice="Введите пароль" value="" name="password_ajax" maxlength="255" type="password" placeholder="Пароль"/>
<div class="clear form_delimiter"></div>
<input class="button_description button blue fright" type="submit" name="register_ajax" value="Отправить" style="margin-left: 264px;"/>
</form>
<div class="clear"></div>
</div>
</div>
</div>
{literal}
<script>
$(function() {
$('#show_login').on('click', function() {
$('#register_ajax').parent().parent().parent().find('a.fancybox-item.fancybox-close').trigger('click');
//$.fancybox.close();
$('a.login-ajax').trigger('click');
});
$('.register-ajax a').fancybox();
$('#register_ajax_form').on('submit', function() {
form = this;
if (validate_form_mt1sk(this)) {
$.ajax({
type: 'POST',
async: false,
url: {/literal}'{$config->root_url}{literal}/user/register',
data: 'register_ajax=true&email=' + $('#register_ajax_form input[name=email_ajax]').val() +
'&password=' + $('#register_ajax_form input[name=password_ajax]').val() +
'&name=' + $('#register_ajax_form input[name=name_ajax]').val(),
dataType: 'json',
success: function(data) {
if (data.has_error) {
errors = '<ul>';
for(var error in data.errors) {
if (data.errors[error] == 'empty_name') {
errors += '<li>Введите имя</li>';
} else if (data.errors[error] == 'empty_email') {
errors += '<li>Введите email</li>';
} else if (data.errors[error] == 'empty_password') {
errors += '<li>Введите пароль</li>';
} else if (data.errors[error] == 'user_exists') {
errors += '<li>Пользователь с таким email уже зарегистрирован</li>';
}
else {
errors += '<li>Unknown error:' + data.errors[error] + '</li>';
}
}
errors += '</ul>';
$('div.message_error', form).html(errors);
$('div.message_error', form).show();
} else {
$('div.message_error', form).hide();
window.location = window.location;
}
}
});
}
return false;
});
});
</script>
{/literal}