Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
1 / 1 / 2
Регистрация: 13.09.2015
Сообщений: 128

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

03.07.2019, 11:14. Показов 949. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день.

Пытался найти информацию, но так ничего хорошего и не попалось.
Вроде бы простая задача, но все же, каким образом сделать ссылку на страницу и запустить всплывающее меню? (сайт)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
03.07.2019, 11:14
Ответы с готовыми решениями:

Контур у всплывающего окна
Коллеги! У меня на всплывающем окне появляется контур. Как его убрать? Не могу понять взаимосвязь. :) Модальное окно работает через...

Вёрстка всплывающего окна на css
Здравствуйте! Нужен совет, как сделать анимацию (открыть - закрыть всплывающее окно, к примеру) с помощью клика!? Используя только...

Создание всплывающего окна,например.
Всей доброго времени суток.У меня такая можно сказать задача.У меня есть сайт,но сайт пока информационно ненаполнен,отчасти.Как сделать...

8
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.07.2019, 11:51
Можно передать с сcылкой хэш, например: <a href="/aktsii#details">Акции</a>
На открывшейся странице обрабатывать этот хэш window.location.hash и открывать всплывашку, если надо

JavaScript
1
2
3
4
5
$(document).ready(function() {
   if(!!window.location.hash && window.location.hash == '#details'){
       /*открываем попап*/
   }
})
1
1 / 1 / 2
Регистрация: 13.09.2015
Сообщений: 128
03.07.2019, 16:32  [ТС]
mrtoxas, задача стоит примерно такая, чтобы по возможности не вмешиваясь в код создать руками ссылку на попап для рассылки. Существует ссылка конкретно на акцию, но она отображается некорректно, т.к. под стандартные стили просто взята информация из БД.
Как я понял, без пометки (якоря) и JS это не решить. Проблема вашего решения в том, что ссылку не укажешь после того, как будет 2 или более акции.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.07.2019, 17:18
Что-то вообще ничего не понял
1
1 / 1 / 2
Регистрация: 13.09.2015
Сообщений: 128
03.07.2019, 17:29  [ТС]
mrtoxas, я сейчас создал еще одну акцию. Собственно, вопрос, вариант лишь с помощью JS вызвать попап или же сейчас каким-то образом можно ссылаться на попап?
Есть ссылка на акции, а есть на конкретную акцию, но на нее попасть можно лишь прописав путь вручную.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.07.2019, 17:42
Цитата Сообщение от Escaper2 Посмотреть сообщение
или же сейчас каким-то образом можно ссылаться на попап
Об этом вы узнаете в документации к вашему попапу.

Если документация молчит, тогда я вижу только два варианта
1. Все так же обрабатывать хэш, на странице каждой акции - https://www.cyberforum.ru/aktsii/moya-luchshaya-testovaya-akciya#details
2. при загрузке страницы сразу показывать попап, что сокрее всего, не айс
1
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
03.07.2019, 19:16
Escaper2,

У себя на сайте добавьте в js-файл
JavaScript
1
2
3
4
5
window.addEventListener('load',()=> {
    if(window.location.hash == '#best-test'){
        document.querySelector('[href="/aktsii/moya-luchshaya-testovaya-akciya"]').click();
    }
});
Теперь что бы ваш попап открывался автоматически при переходе по ссылке- ссылка должна выглядеть следующим образом: http://www.cherrypie.ru/aktsii#best-test

Ну это если я все правильно понял

После того как вы вставите этот код к себе на сайт перейдите по ссылке которую я привел выше. Этого вы хотели добиться?
1
1 / 1 / 2
Регистрация: 13.09.2015
Сообщений: 128
04.07.2019, 10:18  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
Этого вы хотели добиться?
Совершенно верно, но минус такого способа в том, что в JS код вряд ли впихнешь переменную, чтобы функция уникально работала для каждой акции. Т.е. сегодня нужно ссылку на попап одной акции, завтра уже на другую.
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.07.2019, 16:00
Цитата Сообщение от Escaper2 Посмотреть сообщение
Т.е. сегодня нужно ссылку на попап одной акции, завтра уже на другую.
Ну тогда так можно
JavaScript
1
2
3
4
5
// в переменной `stock` указываете ссылку на акционный товар
let stock = '/aktsii/bumazhnye-stakanchiki-s-vashim-logodizajnom';
 
// по загрузке окна эмулируете клик по акционному товару- за счет этого и всплывет акционный попап
window.addEventListener('load',()=> document.querySelector('[href="' + stock + '"]').click() );
Что бы не ошибиться при указании ссылки -> переходите на свой сайт, правой кнопкой мыши по кнопке подробнее (акционного товара), "Просмотреть код", берете то что указано в href="...", и вставляете в переменную stock
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
04.07.2019, 16:00
Помогаю со студенческими работами здесь

отступ контента от всплывающего окна сверху
Привет всем. Делаю адаптивный дизайн и столкнулся с небольшой проблемой имеется основной блок с контентом ,есть форма регистрации,если не...

Зафиксировать страницу при открытии всплывающего окна?
Подскажите как исправить. Собственно, есть модальное окно. Необходимо сделать его действительно модальным, т.е. запретить прокручивание...

Как сделать выравнивание всплывающего окна по центру (по оси Y)?
Есть pop-up на jQuery, который открывается по клику. Блок с информацией этого попапа помещен где-то посередине кода страницы, а ссылка, по...

Код всплывающего окна
Есть код, реализован на API, нашел его на форуме, в чем хочу разобраться: если в onclik на кнопку повесить procedure splash_text(s:...

Закрытие всплывающего окна
&lt;div class=&quot;product&quot;&gt; ................. &lt;div class=&quot;popup&quot;&gt; &lt;a href=&quot;#&quot; class=&quot;close&quot;&gt;&lt;/a&gt; ............. &lt;/div&gt; &lt;/div&gt; ...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Ниже машинный перевод статьи The Thinkpad X220 Tablet is the best budget school laptop period . Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы,. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru