[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: открытие модального окна
Reh
Вечер добрый! Есть вот такая конструкция

else{
echo

'<a class="but" href="#openModal">hhhh</a>

<div id="openModal" class="modalDialog"><div>

<a href="#close" title="Закрыть" class="close">X</a>

</div>

</div>'
;
}

при нажатии а ссылку hhhh открывается окно и страница затемнятся. Возможно ли сделать так чтобы при невыполнении условия if это окно открывалось автоматически?
zelenuy
Чета не совсем понятен вопрос huh.gif у вас сейчас в элсе, засуньте в иф
AllesKlar
Reh
Цитата
Возможно ли сделать так чтобы при невыполнении условия if это окно открывалось автоматически?

Да, поменять стиль для
<div id="openModal" class="modalDialog">


_____________
[продано копирайтерам]
Reh
zelenuy, оно все в if и засунуто, я просто конец кода привел. Вот полный.
  if (isset($_COOKIE['user_id']))
{.....
}else{
echo


'<a class="but" href="#openModal">hhhh</a>

<div
id="openModal" class="modalDialog"><div>

<a
href="#close" title="Закрыть" class="close">X</a>

</div>

</div>
';

}

Мне нужно сделать так чтобы при невыполнении условия
isset($_COOKIE['user_id'])
модальное окно открывалось само, а не по ссылке?
AllesKlar, можешь подсказать как его поменять?
Сейчас он такой -
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}
.modalDialog:target {
display: block;
pointer-events: auto;
}

.modalDialog > div {
width: 400px;
height: 300px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.