Открыть модальное окно Bootstrap по умолчанию

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Ответить
Yuri
Сообщения: 11
Зарегистрирован: 2014.06.04, 22:19

Открыть модальное окно Bootstrap по умолчанию

Сообщение Yuri »

Как открыть модальное окно Bootsrap не по нажатию на toggleButton, допустим сразу после загрузке страницы.
Можно прописать стили, но открытие модального окна затрагивает не только само окно, но и другие объекты (body), прописывая им стили. Не годится

Код: Выделить всё

                <?
                Modal::begin([
                    'toggleButton' => ['label' => Yii::t('app', 'Registration'),
                        'tag' => 'a'
                    ],
//                    'options'=>['style'=>'display:block','class'=>'in fade','aria-hidden'=>'true'],
                ]);
                Modal::end();
                ?>
Понадобилось после неудачной валидации формы в диалоговом окне при отключенном Ajax.
zelenin
Сообщения: 10596
Зарегистрирован: 2013.04.20, 11:30

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение zelenin »

Используйте методы http://getbootstrap.com/javascript/#modals-usage
$('#myModal').modal('show')

и не используйте <?
Yuri
Сообщения: 11
Зарегистрирован: 2014.06.04, 22:19

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение Yuri »

Странный код генерится при этом. Но окно всплывает.

Код: Выделить всё

jQuery(document).ready(function () {

                    jQuery("#w0").modal({"show":true});

                    jQuery('#w0').modal({"show":false});
});
zelenin
Сообщения: 10596
Зарегистрирован: 2013.04.20, 11:30

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение zelenin »

покажите код, которым генерит
Yuri
Сообщения: 11
Зарегистрирован: 2014.06.04, 22:19

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение Yuri »

При загрузке страницы с закрытым модальным окном имеем:

Код: Выделить всё

</script><script src="/assets/9763656a/jquery.js"></script>
<script src="/assets/16acaf5/yii.js"></script>
<script src="/assets/16acaf5/yii.activeForm.js"></script>
<script src="/assets/dab8bb26/js/bootstrap.js"></script>
<script type="text/javascript">jQuery(document).ready(function () {
jQuery('#w1').yiiActiveForm({"name":{"enableAjaxValidation":1,"id":"account-name","name":"name","validateOnChange":false,"validateOnType":false,"validationDelay":200,"container":".field-account-name","input":"#account-name","error":".help-block"},"email":{"enableAjaxValidation":1,"id":"account-email","name":"email","validateOnChange":false,"validateOnType":false,"validationDelay":200,"container":".field-account-email","input":"#account-email","error":".help-block"},"password":{"enableAjaxValidation":1,"id":"account-password","name":"password","validateOnChange":false,"validateOnType":false,"validationDelay":200,"container":".field-account-password","input":"#account-password","error":".help-block"}}, {"errorSummary":".error-summary","validateOnSubmit":true,"errorCssClass":"has-error","successCssClass":"has-success","validatingCssClass":"validating","ajaxParam":"ajax","ajaxDataType":"json"});
jQuery('#w0').modal({"show":false});
});</script>
При добавлении во вьюху

Код: Выделить всё

<?php
    $this->registerJs('
                    jQuery("#w0").modal("show":true});
          ');
?>
получаем следующие скрипты внизу отображения:

Код: Выделить всё

<script src="/assets/9763656a/jquery.js"></script>
<script src="/assets/dab8bb26/js/bootstrap.js"></script>
<script src="/assets/16acaf5/yii.js"></script>
<script type="text/javascript">jQuery(document).ready(function () {

                    jQuery("#w0").modal("show");
          
jQuery('#w0').modal({"show":false});

 
});</script>
zelenin
Сообщения: 10596
Зарегистрирован: 2013.04.20, 11:30

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение zelenin »

попробуйте так:

Код: Выделить всё

Modal:widget([
'clientOptions' => ['show' => true]
]);
 
regiisterJs в таком случае не надо.
Yuri
Сообщения: 11
Зарегистрирован: 2014.06.04, 22:19

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение Yuri »

То, что нужно! спасибо.
Аватара пользователя
Akulenok
Сообщения: 437
Зарегистрирован: 2014.05.05, 18:32
Откуда: localhost

Re: Открыть модальное окно Bootstrap по умолчанию

Сообщение Akulenok »

Подскажите как при нажатие на селект запустить модальное окно до выпадающего списка
$( "#universal-paper" ).click(function() {
$("#w1").modal("show");
});

Модальное окно появляется после выбора опции селекта, а мне надо ДО
ភាសាខ្មែរ Yii2 - это кайф!
Ответить