Все для ucoz
Форма входа
Гость

Пожалуйста зарегистрируйтесь или авторизуйтесь!

Главная сайта

Наш форум:

Скачать для Ucoz:

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Поиск

Приветствую Вас, Гость · RSS 26.09.2022, 09:18

Главная » Файлы » Скрипты для Ucoz

Форма входа(модальное окно)
Хочешь поделиться материалом?
12.10.2010, 23:49

Code
<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>  

<div id="main"></div>  
</body>  

<script>  

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>
Категория: Скрипты для Ucoz | Добавил: slavjan
Просмотров: 483 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2022