myModal v1.0 для uCoz и для любой другой CMS

Главная » Скрипты для uCoz » Разные скрипты » myModal v1.0 для uCoz и для любой другой CMS

Автор: Raichu, Опубликован: 22:43, Просмотров: 668

Новый плагин "myModal" версия 1.0 для uCoz. С помощью этого плагина вы сможете создавать свои модальные окна, не пугаясь и не путаясь в огромном коде. Что бы создать модальное окно, вам нужна будет лишь ссылка с указаннными параметрыми и содержимом окна. В общем здесь все просто, как и с аякс окнами для uCoz. Так же скрипт работает не только на uCoz, но и на любой другой CMS.

Установка:

В нижнюю часть сайта вставляем это:

Code

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

Code

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

В нужное место где хотим видеть ссылку на вызов окна, вставляем:

Code

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

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

И последнее, вставляем в Таблицу стилей ( 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 ==== */

Источник: http://web41k.ru

Теги: v1.0, cms, другой, любой, uCoz, myModal, для