Модальное окно - Скрипты для uCoz - Каталог статей

<style>

#main { position: absolute; display: none; top: 0px; left: 0px; background-color: #fff }

#modalbox { width: 300px; height: 200px; border: 1px solid #ECC113; position: absolute; background-color: #FFEFAF; display:

none; z-index: 2 }

div#shade { background-color: #ECECEC; width: 300px; height: 200px; position: absolute; display: none; z-index: 1 }

.log { text-decoration: underline; cursor: pointer; color: #ff0000 }

#caption { background-color: #FF6826; border-bottom: 1px solid #fff; color: #fff; font: 11px verdana; padding: 4px;

font-weight: bold }

#body { padding: 10px; font: 11px verdana; padding-top: 15px; text-align: center }

#body table { font: 11px verdana }

#body a { color: #FF6600 }

.but { font: 11px verdana }

</style>

<body> <span class="log" onclick="ShowModalbox()">Войти</span>

<div id="shade"></div> 
<div id="modalbox" style="filter: alpha(opacity=100)"> 
<div id="caption" style="filter: alpha(opacity=100)">Название окна (меняете на свое)</div> 
<div id="body"> 
Тут ваши данные (например $LOGIN_FORM$) 
</div>

</div>

var modalbox; 
var shade; 
var scrollWidth; 
var scrollHeight;

window.onload = function() {

modalbox = document.getElementById("modalbox"); 
shade = document.getElementById("shade");

scrollWidth = document.body.scrollWidth; 
scrollHeight = document.body.scrollHeight;

document.getElementById("main").style.width = scrollWidth; 
document.getElementById("main").style.height = scrollHeight;

}

function ShowModalbox() {

document.getElementById("main").style.filter = "alpha(opacity=80)"; 
document.getElementById("main").style.opacity = 0.8; 
document.getElementById("main").style.display = "block";

modalbox.style.display = "block"; 
shade.style.display = "block";

posleft = Math.round(scrollWidth / 2) - 150; 
postop = document.body.scrollHeight - 600;

shade.style.left = posleft + 7; 
shade.style.top = document.body.scrollTop + 307;

modalbox.style.left = posleft; 
modalbox.style.top = document.body.scrollTop + 300;

}

function LogIn() {

HideModalbox(); 
document.location.href = "тут ссылка на ваш сайт";

}

function HideModalbox() {

document.getElementById("main").style.display = "none"; 
modalbox.style.display = "none"; 
shade.style.display = "none";

}

</script>