Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как сделать Pop-up окно без закрытия?

Как сделать Pop-up окно без закрытия?


     21.01.2019    Стили (CSS), jQuery, Ламерские вопросы    117

вопрос
Здравствуйте. Подскажите, пожалуйста, есть всплывающее окошко, которое в данный момент закрывается при нажатии на любом месте экрана, как сделать, чтобы оно не закрывалось при клацаньеи на любом месте экрана
<center><img class="animate1" src="[xfvalue_treyler]" width="100%" height="400" frameborder="0" onClick="show('block')"></center>
            <script type="text/javascript">

					//Функция показа
			function show(state){

					document.getElementById('window').style.display = state;			
					document.getElementById('wrap').style.display = state; 			
			}
			
		</script>
					<!-- Задний прозрачный фон-->
		<div onClick="show('none')" id="wrap"></div>

					<!-- Само окно-->
			<div id="window">
						<h3>{title}</h3>
                        <img style="margin: 0px 0 0 0px;" src="[xfvalue_poster]" width="180" height="230" alt="{title}" itemprop="image">


CSS
img.animate1 {

    filter: alpha (Opacity=25);

    opacity: 0.75;    

}

img.animate1:hover {

    filter: alpha (Opacity=100);

    opacity: 1;

}
#wrap{
display: none;
opacity: 0.8;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(1, 1, 1, 0.725);
z-index: 100;
overflow: auto;
}
 
#window{
width: 600px;
height: 300px;
margin: 200px auto;
display: none;
background: #000;
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
}

Ответа пока нет


2 комментария

lutskboy
Эксперт

lutskboy - 22 января 2019 18:59 -

убрать onclick="show('none')"

Kostya1122
Юзер

Kostya1122 - 24 января 2019 17:50 -

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх