2014-01-21 8 views
0

как я могу создать всплывающее окно, которое не блокируется, когда пользователь нажимает на определенный текст? Поэтому, если кто-то хочет узнать больше о чем-то, человек может просто щелкнуть по тексту, чтобы получить всплывающее окно, например, на следующем веб-сайте.Создание неблокируемого всплывающего окна при нажатии

http://www.berater-mainz.de/cms/struktur.html

Есть простой способ? У кого-нибудь есть идея?

+0

Не используйте функцию предупреждения js. Используйте скрытый div, который вы можете показать при нажатии кнопки.

Предполагая, что вы используете JQuery. То же самое легко с помощью javascript. –

+0

До сих пор я просто использовал CSS и HTML без JavsScript или так далее ^^. Я также не хочу, чтобы кнопка просто текстовая, как ссылка. –

+0

Я не думаю, что это возможно. Не возражаете ли вы использовать JavaScript? –

ответ

1

Не используйте функцию предупреждения JavaScript, так как это может блокироваться браузерами. Вместо этого используйте скрытый div, который вы можете показать при нажатии кнопки.

Сначала вам нужно будет включить библиотеку JQuery в свой HTML-файл, включив в нее ссылку. Библиотека в основном содержит много кода для вас, так что вы можете вызывать сложные функции с меньшим количеством кода.

<head> 
    <script type="text/javascript"> 
    document.write([ "\<script src='", ("https:" == document.location.protocol) ? "https://" : "http://", "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>" ].join('')); 
    </script> <!-- This script tag includes JQuery's functions in you page. --> 
</head> 

<div style='display:none;'><!--This is the popup box!--></div> 
<script> 
$(function(){ 
    $('button').on('click', function(){ //When the button is clicked... 
     $('div').css('display', 'block'); //Show the previously hidden div 
    }); 
}); 
</script> 

... насколько я знаю, нет способа сделать это без JavaScript.

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