Как сделать легкое модальное окно (респонсибл)?

Question

[Алексей]

Сейчас пользуюсь сейчас popup maker. Но для моих целей это их пушки по воробьям.
100% прозрачный задний фон
0 прозрачности окна
навешивается на элемент меню по клику
ширина 95% от ширины экрана
отступ от верхнего края экрана 50px
высота автоматически по содержанию
вертикальный скорлинг если содержание не помещается на одном экране
внутри должен выполняться php код
кнопка закрыть (право верх)

Comments

[Сергей Горячев]

Чё?

[Алексей]

Сергей Горячев, Что не понятно?

[Максим]

Алексей, модальное окно это некий блочный элемент , который свёрстанный и находится по верх всех и при клике либо по времени оно показывается ... это вообще самый начальный уровень

[Алексей]

Максим Ленский, Я не против того что это начальный или конечный уровень. Мне нужно прстое модальное окно, которое бы работало и без всяких наворотов. в инете получается подобрать вариант или навороты или вообще не работает.
Можете предложить код?

[Максим]

Алексей, https://codepen.io/MaximLensky/pen/mBNEKJ это самое простое что я мог придумать

[Алексей]

Максим Ленский, js куда вставлять надо?

[Алексей]

Максим Ленский, открывающую анимацию можно убрать убрать?

[Максим]

Алексей, в смысле куда вставлять ? в main.js и подключить потом вперед </body></html>

[Максим]

Алексей, да можно , у бери в js 1000 между скобок

[Алексей]

Максим Ленский, а как что нибудь вставить в окно? любой текст код?

[Максим]

Алексей, любой --

[Алексей]

Максим Ленский, и как его на меню навесить?

[Алексей]

Что именно в main js и прописать и что вперед</body></html>

[Максим]

Алексей, вы извените меня , вы спросили как сделать - я показал - дальше вам сюда : https://webref.ru

[Алексей]

Максим Ленский, ок спасибо

Answer 1

[dubart]

Разделите задачу на дизайн и код. Если код в скрипте выполняется корректно, то используйте любую библиотеку модальных окон (fancybox, lightbox, popup maker, тысячи их), где позволяется настраивать дизайн и вывешивать модальное окно с результатом требуемым способом (ajax, iframe)