Изменить размер всплывающего окна

Тема в разделе "Simplacms", создана пользователем Alexeina66, 4 янв 2015.

  1. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    299
    Симпатии:
    278
    Всем привет!
    Прикрутил всплывающие окна для Регистрации и Входа в интернет-магазин, но не могу изменить размеры окна.
    Реализация - fancybox. Читал мануалы, но почему то всплывает весь сайт в окне :confused:

    Вот код отвечающий за Всплывающее окно регистрации
    Код:
    <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>Регистрация&nbsp;или<a href="javascript:;" id="show_login">&nbsp;Войти</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}
     
    edmi нравится это.
  2. asdasdasd111

    asdasdasd111 Писатель

    Регистр.:
    3 янв 2015
    Сообщения:
    6
    Симпатии:
    2
    несколько лет назад сталкивался с такой же проблемой
    кажется решалось все достаточно просто (но не уверен:( Перейти по ссылке
     
  3. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    299
    Симпатии:
    278
    Делал как на сайте. Открывается весь сайт во всплывающем окне :conf:

    Код:
    $('a.register-ajax').fancybox({
                            'type'          : 'iframe',
                            'href'          : '/user/login',
                            'scrolling'     : 'no',
                            onComplete : function(){ $.fancybox.resize();}
                    });
     
    edmi нравится это.
  4. mishanya.yakim

    mishanya.yakim

    Регистр.:
    8 дек 2013
    Сообщения:
    207
    Симпатии:
    69
    а так не всплывает?

    Код:
      {literal}
            <script>
            $(function() {
                $('a.fancy_button').fancybox();
            });
            </script>
      {/literal}