Владимир55
25.05.2013 - 10:48
Все оказалось гораздо сложнее, что меня весьма удивило. Казалось бы: подумаешь, какое-то всплывающее окно - что в нем такого особенного? Тысячи программеров пишут их ежедневно, причем многим из них для этого хватает спинного мозга...
Эту тему я разместил на другом форуме программистов, надеясь что Гуру реально помогут в ее решении. По замечаниям и советам Гуру того форума я сделал семнадцать (!) корректировок кода, но форма нормальным образом так и не заработала!
Более того: один из программеров взялся написать форму с нуля своми средствами и... не сумел нормально этого сделать!
Похоже, что это какая-то нерешаемая проблема!
Владимир55 я недавно тоже делал такое модальное окошко с прокруткой и все заработало. На все это я потратил около суток, и при этом делал еще остальные 2 проекта) Наверно, вы просто не правильно сформировали вопрос(у меня такое то же часто бывает) или там действительно "Гуру" сидят)
Владимир55
25.05.2013 - 11:06
| Цитата (N0ob @ 25.05.2013 - 06:58) |
| я недавно тоже делал такое модальное окошко с прокруткой и все заработало. |
Можете поделиться практическим опытом?
сейчас замутим. Только я сделаю без jq simple modal, а самопалку) как пример
Накалякал я вот тут немного. Стили и все остальное подстроишь под себя:
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function showmodalwindow()
{
var w = document.body.clientWidth;
var h = document.body.scrollTop;
var left = (w - 700) / 2;
var top = h;
var divInner = "<div style=\"width: 100%; margin-top: 30px; left: 0px; z-index: 60;\"><div style=\"margin: 0px auto; width: 700px; padding: 20px; background-color: white;\"><table style=\"margin-left: 17px;width: 100%;\"><tr><td><h2 style=\"font-size: 14px;\">Окно</h2></td><td><div style=\"float: right; margin-right: 45px; color: silver;\" onclick=\"closewindow()\"><a class=\"close_window\" href=\"#\">Закрыть</a></div></td></tr></table>Текст<br>Текст<br>Т екст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br& gt;Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст< ;br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текс т<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br> Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br >Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст&l t;br>Текст<br>Текст<br></div></div>";
document.getElementById('black_bg').innerHTML = divInner;
document.getElementById('black_bg').style.display = "block";
document.getElementById('black_bg').style.overflowY = "scroll";
document.getElementById('black_bg').style.marginTop = "-22px";
document.getElementById('black_bg').style.marginLeft = "-10px";
document.body.style.overflowY = "hidden";
document.body.style.paddingRight = "17px";
}
function closewindow ()
{
var bg = document.getElementById('black_bg');
bg.style.display = "none";
document.body.style.overflowY = "scroll";
document.body.style.paddingRight = "0px";
}
</script></head><body>
<div style="width: 100%; height: 100%; position: fixed; background-image: url(http://s53.radikal.ru/i141/1305/e8/c2fe4a551c61.png); z-index: 50; display: none;" id="black_bg"></div>
<center><h1 onclick="showmodalwindow(); return false;">Click me</h1></center>
</body></html>
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.