На сайте mega-quatro.3dn.ru вы найдёте: Скачать, Бесплатно, Программа, Игра, game, mp3, Шаблон, javascript, Скрипт, Для ucoz, microsoft Клип Смотреть video Видео Скрипты для ucoz Шаблоны сайтов для ucoz Кино Онлайн portable а также Тема и фотошоп

У нас так же имееться: CS, Counter strike, Photoshop, Кисти, Фото, Урок, Музыка, Ucoz, Форум, Шаблоны для ucoz, Скрипты для ucoz, Скрипты для юкоз, юкоз,
Пусто
20.02.2019
 
| Главная | Форум | Поиск | Фотоальбом | FAQ | Радио | Ваша ссылка | Регистрация |
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
BAZA-Softa™ | БАЗА-Софта™ Форум » Скрипты для uCoz » Другие скрипты для uCoz » Модальное окно
Модальное окно
_Vadim_Дата: Суббота, 27.03.2010, 00:13 | Сообщение # 1
Админчег =))
Сообщений: 393
[ 7 ]
Модальное окно

Пример:

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>
BAZA-Softa™ | БАЗА-Софта™ Форум » Скрипты для uCoz » Другие скрипты для uCoz » Модальное окно
  • Страница 1 из 1
  • 1
Поиск:

Статистика

Рейтинг@Mail.ru PR-CY.ru





Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт
обязательна!(правообладателям)