Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET - Каталог файлов

Меню сайта
Навигация Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6
Мини-чат
Для добавления сообщения зарегистрируйтесь.
Наш опрос
Чего не хватает на сайте?
Всего ответов: 131
Статистика
Статистика сайта

Пользователей всего: 709
Материалов всего [?]: 1310 +
PR-CY.ru

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

Пользователи онлайн: Сегодня посетили


Главная » Файлы » uCoz » Разные скрипты


myModal 1.0
Добавил: MadMoss · Просмотров: 318 ·
Категория: Разные скрипты
Битая ссылка?! Спасибо +

Описание:
Представляем вашему вниманию плагин "myModal" первой версии. С помощью него вы сможете создавать свои модальные окна, не путаясь в огромном коде. Для создания модального окна вам понадобится лишь ссылка с указанными параметрами и содержимое окна. Все очень просто, как и с AJAX-окнами от uCoz'a. Скрипт работает на любой CMS.

Установка скрипта:

1) В нижнюю часть сайта вставляем скрипт:

Code

<script type="text/javascript">  
  function myModal(w, h, name1, name2, myTex){  
  var close = "'#"+name1+"'";  
  $('body').append('<div class="myAjax" id="'+name1+'" style="margin-left:-'+w/2+'px; margin-top:-'+h/2+'px;"><div class="myTitle"><div style="float:right;"><a href="javascript://" onclick="hideModal('+close+');">×</a></div>'+name2+'</div><div class="myMessage" style="width:'+w+'px; height:'+h+'px">'+myTex+'</div></div>');  
  _uOverlay(name1+'1', 0.5, '#000', 0, 900);  
  }  
function hideModal(name1){$(name1).remove(); $(name1+'1').remove();}  
  </script>


2) Перед /body вставляем содержимое окна:

Code

<div style="display:none;"><div id="ИД_ОКНА">Содержимое окна</div></div>


3) В нужное место вставляем ссылку на вызов окна:

Code

<a href="javascript: myModal(w, h, 'name1', 'name2', $('#ИД_ОКНА').html());">Открыть окно</a>


Где:
w - ширина окна
h - высота окна
name1 - ID окна.
name2 - заголовок окна
$('#ИД_ОКНА').html() - содержимое окна. ИД_ОКНА меняем на ID, заданный во втором шаге.
Открыть окно - текст ссылки

4) В CSS вставляем:

Code

/* ==== myModal 1.0 ==== */  
.myAjax {position:fixed; top:50%; left:50%; background:#ededed; border:2px solid #ddd; border-radius:3px; z-index:99999;}  
.myTitle {border-bottom:1px solid #ddd; padding:5px;}  
.myTitle a {vertical-align:middle; text-decoration:none; color:#777; background:#eee; padding:1px 4px 1px 4px; font-size:8pt; font-family:tahoma; margin:2px; border:2px solid #ddd; border-radius: 15px;}  
.myTitle a:hover {border-color:transparent; box-shadow:0 0 3px 0 #ddd}  
.myMessage {padding:5px; width:100%; height:100%; background:#fff;}  
/* ==== myModal 1.0 ==== */
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини профиль
Категории
Поиск
Рекламные места
Свободное рекламное место 150х200


Рекламные места свободны Обращайтесь к homyak
Бесплатная раскрутка сайта
Позитивные новости
Жизнь в фотографиях

Дизайн сайта полностью пренадлежит Pusk.ucoz.net
PUSK.UCOZ.NET © 2011-1012

↑ Наверх ↑ sitemap sitemap-forum «Секреты Ucoz»