Открытие окна bootstrap при загрузке страницы

Reniec1 · 23.04.2017

Доброй ночи. Как сделать чтоб при заходе на сайт вылетало диалоговое окно с Предупреждением и кнопкой "ок" которое бы его закрывало.
Все что смог так это кнопку, но чтоб окно открыть нужно нажать на нее, а нужно чтоб оно было в развернутом виде

Код:

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

Катха · 24.04.2017

Javascript нужно применить.
В сети можно найти много таких скриптов.

Reniec1 · 24.04.2017

если б я знал что нужно применить и что найти в нэте я б с такими вопросами не обращался сюда

BaNru · 24.04.2017

Проблем было бы меньше, если сразу указали бы, что вы работаете в bootstrap

<script>
$(document).ready(function () {
$('#myModal').modal('show');
});
</script>

https://www.w3schools.com/code/tryit.asp?filename=FEXWQ1JXUC3D

Катха · 24.04.2017

Reniec1 сказал(а):
если б я знал что нужно применить и что найти в нэте я б с такими вопросами не обращался сюда

Reniec1, вы не поверите, но в поиске можно набрать так, как вы назвали эту тему:
- "Открытие окна bootstrap при загрузке страницы"

BaNru · 24.04.2017

Катха, это я переименовал тему после своего ответа. Изначально было что-то типа "всплывающее окно".
По такому запросу тоже конечно можно найти ответ, но тут ключевое слово bootstrap, которое не прозвучало даже в сообщение.

Reniec1 · 25.04.2017

спасибо большое, помогло)

но нарисовалась новая проблема), теперь при любом переходе окно выскакивает.

Reniec1 · 26.04.2017

и на некоторых устройствах окно сильно развернуто и невозможно прокрутить до соглашения. Можно как-то задать конкретные параметры окна?

Reniec1 · 26.04.2017

хотя как это будет на мобильных устройствах..

Reniec1 · 08.05.2017

скажите почему при замене

Код:

$(document).ready(function () {
$('#myModal').modal('show');
});

на

Код:

$(document).ready(function () {
var c=Cookies.get('popup_viewed'); //получаем куку
if(typof c == 'undefined'){ //если куки нет - не установлена еще или уже умерла
$('#myModal').modal('show'); //показываем окошко
var inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000);
Cookies.set('popup_viewed', '1', { expires: inOneHour, path: '' }); //стави куку на час
} 
});

пропало окно вообще???

BaNru · 08.05.2017

В консоли какую ошибку пишет?

typeof

Reniec1 · 08.05.2017

[member=BaNru],консоли? :blush:

BaNru · 09.05.2017

В гугле "Консоль браузера"

Reniec1 · 11.05.2017

на[member=BaNru],

BaNru сказал(а):
В гугле "Консоль браузера"

Вот на эту строку ругаеться

if(typof c == 'undefined'){

ошибка Uncaught SyntaxError: Unexpected identifier

BaNru · 11.05.2017

Да я в курсе, поэтому привёл ссылочку. Найдите отличия между тем что у вас и тем что я привёл. Я даже красненьким выделил, чтобы легче было искать.

yiiconf2017 · 12.05.2017

Хорошо сказано!

Открытие окна bootstrap при загрузке страницы

Reniec1

New Member

Катха

Active Member

Reniec1

New Member

BaNru

Пацифизжу

Катха

Active Member

BaNru

Пацифизжу

Reniec1

New Member

Reniec1

New Member

Reniec1

New Member

Reniec1

New Member

BaNru

Пацифизжу

Reniec1

New Member

BaNru

Пацифизжу

Reniec1

New Member

BaNru

Пацифизжу

yiiconf2017

Новичок

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей