CSS или JavaScript: Пользовательские всплывающее окно

Question

Я хочу сделать пользовательские всплывающие окна, например, как Quora делает при нажатии на кнопку:

Как я могу это сделать? Я не знаю, как это сделать, используя CSS или javascript, поэтому я ставлю заголовок вопроса, как указано выше.

Спасибо :)

Answer 1

Поскольку у вас нет кода, я не могу предложить изменения в том, что у вас есть. googling ваша проблема найдет вам сотни примеров кода.

В ответе на высоком уровне, вам нужно:

1. HTML метка для вашего всплывали, скрытый с помощью CSS

2. какого-то триггера сгореть яваскрипт функции, чтобы сделать что-то изменить скрытое состояние всплывал разметки (например, удаление hidden класс)

Другой вариант:

1. триггер, который при запуске вводит требуемую метку html на страницу, а затем уничтожает отметку по завершении того, что имеет цель. (остерегайтесь проблем с памятью при разрыве)

Answer 2

Это строка кода используется в JavaScript, чтобы открыть новое окно. Новое окно может иметь собственный CSS, поэтому оно настраивается.

window.open("./mypages/mypage.html", "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=50, left=500, width=740, height=900"); 

Новая страница - mypage.html. Это сверху: 50 и слева: 500. Высота 900px и ширина 740px.