Как сделать Div всплывающее окно в центре экрана и делает остальную часть сайта темной

Question

я просто говорю, что в новом Vimeo и хотите знать, как это достигается

Это кнопка

не

<a href="/messages/compose?recipient=1667821" class="message btn" 
data-lightbox="">Send Message</a> 

Существует нет OnClick(), они получают HREF значение и вставляется в DIV без обновления страницы ..

Answer 1

Я лично использую jQuery UI.

Click here to view their modal dialog demo/with source code.

Answer 2

Не смотря на свой код, они, вероятно, связывают обработчик клика позже в своем Javascript, возможно, используя jQuery. Это будет выглядеть следующим образом:

JQuery:

$(".message").click(function() { 
    // do the lightbox 
}); 

Vanilla Javascript:

document.getElementByClass("message").onclick = function() { 
    // do the lightbox 
}