Как реализовать PopUp?

Question

[Юрий Иванов]

Добрый день, хабр!
У меня есть шапка, которая повторяется на каждой странице
Есть кнопка "Войти в аккаунт", по нажатию на которую пользователь видит PopUP, но пользователь может нажимать эту кнопку на разных страницах, каким образом мне понимать на какой странице пользователь нажал на кнопку и как и куда мне выводить это модальное окно(я пока могу только на каждой конкретной странице этот popup спрятать и затем показывать, но это не лучшая идея, как мне кажется)!
(я не хочу отправлять пользователя по новой ссылке html, я хочу показывать это окошко на странице где находится пользователь)

Comments

[imko]

а зачем тебе определять страницу на которой кликнули вызыватор?

[WapSter]

На сколько я вижу это не popup а полноценная страница входа

[Юрий Иванов]

imko, Я совсем немного учу джаваскрипт. И я не понимаю как мне вызвать модальное окно на той странице где я хочу. У меня в голове только вариант: Как-то получать данные с modal.html и потом определять страницу где находится пользователь и через inner.html вставлять на нужную страницу модальное окно. Если вы мне подскажите вариант, хотя бы в какую сторону двигаться чтобы это легко и просто сделать - буду очень благодарен)

[Юрий Иванов]

WapSter, Окно должно появляться поверх основной странице, вот так вот

[imko]

Юрий Иванов, на клиенте существует только одна страница - та на которой ты находишься, и скрипт всегда работает и работает только на ней

[imko]

Юрий Иванов, можно просто хранить попап в разметке с самого начала а стилями держать скрытым, на кнопку менять стиль

Answer 1

[WapSter]

Вариантов куча. Простенький пример.

Comments

[Юрий Иванов]

Спасибо, большое, единственное подскажите, на практике же лучше для каждого модального окна свой js файл создавать?

[WapSter]

Юрий Иванов, ну если они разные. Можно вообще для них js не создавать, а вызывать то, что есть на странице. Примеров куча как их делать + немного логики и все получится