Блог

Главная - Вопросы по программированию - Как открыть всплывающее окно при переходе по внешней ссылке

Как открыть всплывающее окно при переходе по внешней ссылке

#javascript #html #css #popup

#javascript #HTML #css #всплывающее окно

Вопрос:

Вот текущий сценарий

У меня есть всплывающее окно лайтбокса на «Сайте A», я хочу создать ссылку на «Сайт A» с «Сайта B», включая всплывающее окно. Что я имею в виду, я хочу, чтобы, когда посетитель переходит на сайт по внешней ссылке, всплывающее окно автоматически появлялось без необходимости нажимать на триггер всплывающего окна.

Я попытался использовать #popup-name в href всплывающего окна, а также ссылки, однако это не решает проблему, я думаю, из-за того, что идентификатор div все еще настроен на отображение: нет в css, который изменяется в javascript, когда пользователь нажимает на цель всплывающего окна.

Есть ли способ успешно это сделать или я сейчас гребу против порогов?

Комментарии:

1. Всякий раз, когда вы загружаете страницу, проверяйте URL на наличие значения хэша. Если хэш соответствует определенным требованиям, откройте модальный. Или, если ваш модал может отображаться и скрываться только с помощью класса CSS или свойства, проверьте :target псевдоселектор.

Ответ №1:

Итак, я смог разобраться в этом и надеюсь, что предоставленная мной информация будет полезна всем, у кого такая же проблема.

Что мне нужно было сделать, так это интегрировать новый javascript, который при загрузке документа проверяет наличие определенного хэша в URL. Таким образом, я могу использовать этот процесс для любого из множества всплывающих окон, которые у меня есть на сайте.

Вот скрипт, который я использовал.

  $(document).ready(function() {
    if (window.location.hash.indexOf("anchorhash") > -1) {
        $("#anchorhash").fancybox().trigger('click');
    }
 });

В основном вот что происходит

Когда документ загружается, мы вызываем скрипт и проверяем окно на наличие правильного URL-адреса хэштега. Если URL-адрес правильный, мы затем вызываем выбранный лайтбокс и рассматриваем URL-адрес как согласие на нажатие на саму эту всплывающую ссылку; которая, в свою очередь, отображает всплывающее окно при загрузке страницы.

Надеюсь, это поможет сообществу, я знаю, что это помогло мне.