Уже с неделю мучаюсь, ничего не могу понять, работа идентична во всех браузерах... ) Заранее спасибо за помощь. Написан сайт, в котором при нажатии на кнопку поиск появляеться модальное окно, в котором отображается результат поиска... Результат показан на 1 изображении.
Да, но есть одно но, крестик спрятался за модальное окно, а скроллбара нету, хотя информация выходит за предел модального окна, при повторном шелчке по тем же критериям поиска ошибки испоряються... Как сделать так, чтоб ошибки исправились при первом поиске
Вот код.
При нажатии на кнопку поиск: onclick="otpravka();"
Функция отправки:
function otpravka() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
var div = document.getElementById('ModalBox');
div.innerHTML = xmlHttp.responseText;
$(document).ready(function () {
$('#ModalBox').modal();
return false;
})
}
}
Вот Div с модальным окном:
<div id="ModalBox" align="center" class="none" style="z-index:3200;">
</div>
Вот CSS к Div:
#simplemodal-container {
background-color:#333;
border:4px solid #444;
color:#bbb;
height:550px;
overflow-y:hidden;
padding:12px;
width:60%;
z-index:3200;
}
#simplemodal-container #basic-modal-content {
padding:28px;
}
#simplemodal-container a {
color:#FF0;
}
#simplemodal-container a.modalCloseImg {
background:url(img/x.png) no-repeat;
cursor:pointer;
height:29px;
position:absolute;
right:0;
top:0;
width:25px;
z-index:5000;
}
#simplemodal-container p {
color:#bbb;
}
#simplemodal-container td {
color:#bbb;
}
#simplemodal-overlay {
background-color:#000;
cursor:wait;
}
#simplemodal-overlayclose {
background-color:#FFF;
}
Подключаемая библиотека : jquery.simplemodal.js.