myModal 1.0


myModal 1.0

1890
8.6 из 10
Проголосовало: 3






Представляем вашему вниманию плагин "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 ==== */
Автор публикации: Загрузка
Загрузка
Kostyan, это его n материал
Источник: http://web41k.ru
  • Всего комментариев: 3

ŞΘLƉiΞR
0
ŞΘLƉiΞR написал: Написано 01 Октября 2012 в 09:53
Комментарий №3
при второй попытке открыть окно выдаёт вместо содержимого null

SKILL_-1
+1
SKILL_-1 написал: Написано 19 Сентября 2012 в 20:18
Комментарий №2
Классная Штука спасибо))+1

iliks
0
iliks написал: Написано 24 Августа 2012 в 20:03
Комментарий №1
Хмм что-то мне это напоминает

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: