Сегодня установил плагин для "jQuery" под названием "ArcticModal":
http://arcticlab.ru/arcticmodal/
Всё делал по инструкции, но как только я вызвал команду "$('okno').arcticmodal()", я не увидел диалога, а только слой-оверлей.
Краткий исходный код выложу в примечании...
Примечание:
<style>
.invisible {
display: none;
}
.arcticmodal-overlay, .arcticmodal-container {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 100;
}
.arcticmodal-container {
overflow: auto;
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: collapse;
}
*:first-child+html .arcticmodal-container {
height: 100%;
}
.arcticmodal-container_i {
height: 100%;
margin: 0px auto;
}
.arcticmodal-container_i2 {
padding: 24px;
margin: 0px;
border: 0px;
vertical-align: middle;
}
.arcticmodal-error {
padding: 20px;
border-radius: 10px;
background: #000000;
color: #FFFFFF;
}
.arcticmodal-loading {
width: 80px;
height: 80px;
border-radius: 100%;
background: #000000 url("/images/loading.gif") no-repeat 50% 50%;
}
.dialog_container {
position: relative;
border: 2px inset #FF0000;
border-radius: 10px;
background: #FFFFFF;
}
#dialog_forgotpassword {
width: 200px;
height: 100px;
}
</style>
<script src="/js/jquery.js"></script>
<script src="/js/arcticmodal.jquery.js"></script>
<script>
function password_forgot() {
$("#dialog_forgotpassword").arcticmodal();
}
password_forgot();
</script>
<div id="dialog_forgotpassword" class="invisible dialog_container">
<center>
Забыли пароль? Данная форма поможет Вам получить инструкции по смене пароля. Для этого сначала введите адрес Вашего электронного почтового ящика:<br>
<input id="forgotpassword_email"><br>
<button id="forgotpassword_button_send">Отправить инструкции</button>
</center>
</div>
В чём ошибка?
Примечание:
VJiK7, я отметил, что оверлей появился. Будьте по-внимательней.
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.