2014-12-20 2 views
-11

У меня есть сценарий adblock на моем сайте, который регистрирует, когда люди используют adblock. Моя проблема в том, что я хочу, чтобы всплывающее окно появлялось на сайте, когда оно находит пользователя с помощью adblock. «Жесткий» об этом, в том, что я не хочу регулярного всплывал, как это:Как мне создать сайт?

var w = window.open('', '', 'width=350,height=100,resizeable,scrollbars'); 
w.document.write('text'); 
w.document.close(); 

Этот код заканчивается как «обычный» всплывал.

Я хочу, чтобы на сайте всплыло, если вы знаете, что я имею в виду. У меня есть пример этого here.

+0

Вы больше не говорите о всплывающем окне, но модальные окна (divs с наложением, которое занимает всю страницу) – topheman

+0

http://bootboxjs.com/# –

+0

Помог ли вклад ниже, Бенджамин? В настоящее время он не соответствует. – halfer

ответ

1

Вы хотите создать модальный диалог.

Вы можете использовать любую модальную библиотеку, выполнив поиск «модального javascript» в вашей любимой поисковой системе. Некоторые упомянули интересные библиотеки в комментариях к вашему вопросу.

Создание собственной модальности также легко:

Создание <div> с содержанием вы хотите и придать ему стиль, такие как:

.modal { 
    display: none; 
    position: fixed; 
    width: 350px; 
    height: 100px; 
    margin-top: -50%; 
    margin-left: -50%; 
    top: 50%; 
    left: 50%; 
    background-color: #FFF; 
    /* ... */ 
} 

Вместо кода вы показываете выше, просто вызови $(elt).show() если вы используете jQuery или elt.style.display="block"; в чистом DOM js.

Смежные вопросы