Sprat
Новичок
PHP:
<script type="text/javascript">
var timer = null;
var opacity = 20;
function show_modal ()
{
// нагромождение с низким поклоном Великому Биллу
// для нормальных браузеров достаточно window.innerHeight и window.innerWidth
var height = (window.innerHeight? window.innerHeight:
(document.documentElement.clientHeight? document.documentElement.clientHeight:
document.body.offsetHeight));
var width = (window.innerWidth? window.innerWidth:
(document.documentElement.clientWidth? document.documentElement.clientWidth:
document.body.offsetWidth));
var top = Math.ceil(height / 2 - 110); // 110 - половина высоты окна с формой, включая padding
var left = Math.ceil(width / 2 - 210); // 210 - половина ширины окна с формой, включая padding
// устанавливаем черный полупрозрачный блок на весь экран
document.getElementById ("modal").style.height = height+"px";
// делаем его видимым
document.getElementById ("modal").style.display = 'block';
// позиционируем псевдоокно по высоте
document.getElementById ("form").style.top = top+"px";
document.getElementById ("form").style.left = left+"px";
// делаем его видимым
document.getElementById ("form").style.display = 'block';
// "проявляем" затенение
timer = setInterval ("shadow()", 1);
}
function shadow ()
{
document.getElementById ("modal").style.opacity = opacity++ / 100;
document.getElementById ("modal").style.MozOpacity = opacity / 100;
document.getElementById ("modal").style.filter = "Alpha(Opacity="+opacity+")";
if (opacity >= 80) clearInterval (timer);
}
</script>
</head>
<body>
<div id="modal"></div>
<div id="form">
Здесь содержимое псевдоокна
с кнопкой возврата
</div>
</div>
<div id="content">
Здесь контент с кнопкой
вызова псевдоокна
</div>
</body>
</html>только не смейтесь, я только учусь)))
PHP:
<div id="modal"></div>
<div id="form">
Здесь содержимое псевдоокна
с кнопкой возврата
</div>
</div>что такое кнопка возврата и как её указать, а то окно не закрывается))))