С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.52/25: Рейтинг темы: голосов - 25, средняя оценка - 4.52
 Аватар для Vetrox
9 / 9 / 6
Регистрация: 08.10.2012
Сообщений: 266

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

24.11.2017, 13:53. Показов 4967. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать так чтобы открытие модального окна было не по нажатию кнопке, а при загрузке страницы?
Раздел портфолио: http://webkise.ru/photo/

Ссылка открытия модального окна:
HTML5
1
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
Это само модальное окно в конце страницы расположено:
HTML5
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
<!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Предметная съемка</h2>
                            <p class="item-intro text-muted">Фотосессия предметов.</p>
                            <img class="img-responsive img-centered" src="img/portfolio/roundicons-free.png" alt="">
                            <p>Предметная съемка </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Назад</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
Закрытие окна:
HTML5
1
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Назад</button>
что нужно сделать с этим окном чтобы оно загрузилось сразу вместе со страницей? Не убирая старого кода, что-то можно добавить поверх?
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.11.2017, 13:53
Ответы с готовыми решениями:

Запуск модального окна при загрузке
При клике по ссылке открывается модальное окно, как бы сделать так, чтобы оно открывалось при запуске страницы непосредственно? скорее...

Клик по кнопке при загрузке страницы
Привет, есть кнопка вида &lt;input type=&quot;button&quot; value=&quot;Считать&quot; id=&quot;nresult&quot;&gt; и скрипт вида $(document)(function() { ...

Имитация клика по кнопке при загрузке страницы
Привет, как сделать такое есть скрипт который выполняется при нажатии на кнопку вот код кнопки &lt;input...

4
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
24.11.2017, 14:31
https://getbootstrap.com/docs/... modal-show
1
 Аватар для Vetrox
9 / 9 / 6
Регистрация: 08.10.2012
Сообщений: 266
24.11.2017, 15:48  [ТС]
так дело не пойдёт! меня нужно носом ткнуть в нужное место!

следующие манипуляции с js не работают. может еще какие могут быть?
JavaScript
1
2
3
$("#portfolioModal1").click();
$("#portfolioModal1").trigger("click");
$("#portfolioModal1")[0].click();
0
84 / 81 / 42
Регистрация: 20.01.2017
Сообщений: 219
27.11.2017, 22:34
Лучший ответ Сообщение было отмечено Vetrox как решение

Решение

JavaScript
1
2
3
$(document).ready(function () {
    $('#portfolioModal1').modal('show')
})
1
 Аватар для Vetrox
9 / 9 / 6
Регистрация: 08.10.2012
Сообщений: 266
30.11.2017, 23:52  [ТС]
Гениально! слава Богу, благодарю!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
30.11.2017, 23:52
Помогаю со студенческими работами здесь

Открытие модального окна javascript
Помогите немного переделать скрипт. Мне нужно если if принимает значение true чтоб модальное окно сразу открылось без нажатия . ...

Открытие модального окна с данными из бд
Здравствуйте, уважаемые пользователи cyberforum.ru Мне нужна ваша помощь. У меня есть такая задача: у меня, с помощью php...

Автоматическое открытие модального окна
есть кнопка по которой открывается окно &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot; data-toggle=&quot;modal&quot;...

Однократное появление div окна при загрузке страницы
Добрый день) Прошу помочь мне с таким вопросом: Есть главная страница сайта на которой реализован javascript код. Этот код выводит div...

Скролл страницы в пределах модального окна
Доброй ночи. Использую всплывающие окна на leanModal.js и почти всегда содержимое выходит за нижнюю границу экрана, и пользователю...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru