
Модальное окно popup Window il v1.0.0 - это скрипт окна "popup Window il" представляет собой многофункциональное модальное окно, функции которого довольно простым в управлением, по крайней мере проще чем может показаться.
Скрипт писал для себя но решил поделиться со всеми
Dle хак - Модальное окно popup Window il v1.0.0
1. Загрузите pWindow.js к себе на сайт и подключите его в свой шаблон.
2. Загрузите картинки на сайт в папку img. 3. В конец своего css добавьте содержимое файла css.css.
4. Настройте ссылки вызова как написано ниже.
Функциональность:
Вызов окна производиться по средствам атрибута "onclick" в параметры которого мы вписываем функцию "popupWinIl()"
Пример:
Параметры окна:
Окно имеет пять параметров каждое из которых имеет свои настройки. Параметры прописываются в ссылке вызова внутри "popupWinIl()" Пример: popupWinIl('Название окна','Содержимое окна','Затенение','Ширина','Высота','Вставка с другой страницы')
Настройки окна и правила:
Настроек не так много, но их функции весьма важны, а также нельзя бездумно взять и указать нелепые данные. Настройки параметров:
НАЗВАНИЕ ОКНА - указывать не обязательно но если оставить поле пустым окно не будет иметь заголовка. Тип text
СОДЕРЖИМОЕ - указывать не обязательно. Выполняет роль наполнителя информацией окно (content). Тип text
ЗАТЕМНЕНИЕ - указывать не обязательно. По стандарту не отображается. Возможных настроек одна "yes".
ШИРИНА и ВЫСОТА - по желанию, не указав данных окно будет расширяться опираясь на внутренние данные и получит параметр auto. Указывать параметры стоит исключительно цифрами без текстовых значений
ВСТАВКА С ДРУГОЙ СТРАНИЦЫ - использует .load погрузку с других страниц сайта вписывать следует только ссылку и id элемента который нам нужно вставить если необходимо
Демонстрация работы скрипта:
Подгрузка
Используемый код:
Посто окно - техн. параметров нет.
Используемый код:
Фикс окно - техн. параметры (указана ширина"380" и высота"250")
Используемый код:
Огромное окно - техн. параметры (указана ширина"2200" и высота"1200") если загрузить папку images в шаблон
Используемый код:
2. Загрузите картинки на сайт в папку img. 3. В конец своего css добавьте содержимое файла css.css.
4. Настройте ссылки вызова как написано ниже.
Функциональность:
Вызов окна производиться по средствам атрибута "onclick" в параметры которого мы вписываем функцию "popupWinIl()"
Пример:
<a href="javascript://" onclick="popupWinIl('параметры')">Открыть окно</a>
Параметры окна:
Окно имеет пять параметров каждое из которых имеет свои настройки. Параметры прописываются в ссылке вызова внутри "popupWinIl()" Пример: popupWinIl('Название окна','Содержимое окна','Затенение','Ширина','Высота','Вставка с другой страницы')
Настройки окна и правила:
Настроек не так много, но их функции весьма важны, а также нельзя бездумно взять и указать нелепые данные. Настройки параметров:
НАЗВАНИЕ ОКНА - указывать не обязательно но если оставить поле пустым окно не будет иметь заголовка. Тип text
СОДЕРЖИМОЕ - указывать не обязательно. Выполняет роль наполнителя информацией окно (content). Тип text
ЗАТЕМНЕНИЕ - указывать не обязательно. По стандарту не отображается. Возможных настроек одна "yes".
ШИРИНА и ВЫСОТА - по желанию, не указав данных окно будет расширяться опираясь на внутренние данные и получит параметр auto. Указывать параметры стоит исключительно цифрами без текстовых значений
ВСТАВКА С ДРУГОЙ СТРАНИЦЫ - использует .load погрузку с других страниц сайта вписывать следует только ссылку и id элемента который нам нужно вставить если необходимо
Демонстрация работы скрипта:
Подгрузка
Используемый код:
<a href="javascript://" onclick="popupWinIl('Подгрузка','Подгружаем контент с другой страницы сайта','yes','500','','http://demo-il.my1.ru/index/nu_izvinite_chto_ehto_koza/0-4/ #info')">Подгрузка</a>
Посто окно - техн. параметров нет.
Используемый код:
<a href="javascript://" onclick="popupWinIl('Посто окно','Автоматический подбор ширины и высоты<br> <textarea rows=\'1\' cols=\'13\' style=\'margin: 2px; width: 260px; height: 60px;\'>popupWinIl(\'Посто окно\',\'Автоматический подбор ширины и высоты\',\'\',\'\',\'\',\'\')</textarea>','','','','')">Посто окно</a>
Фикс окно - техн. параметры (указана ширина"380" и высота"250")
Используемый код:
<a href="javascript://" onclick="popupWinIl('Ого название3','<div style=\'margin: 10px;font: bold italic 13px Arial;color: #57AA27; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;\'>Тут мы используем вставки html кода</div><div style=\'text-align: center;\'>Может это и кажеться не удобным но порой необходимо добавить пару тегов как <b>b</b> или <i>span</i> </div>','','380','250','')">Фикс окно</a>
Огромное окно - техн. параметры (указана ширина"2200" и высота"1200") если загрузить папку images в шаблон
Используемый код:
<a href="javascript://" onclick="popupWinIl('Огромное окно','И так данное окно очень большое его параметры ширины равны 2200px а параметры высоты равны 1200px но скрипт видя слишком большие цифры для экрана что размеры экрана меньше заданных параметров меняет их до оптимальных оставляя по краям пространство в 20px и добавляет стилистическое значение к контенту overflow: auto; которое при необходимости добавляет бегунок прокрутки, что позволяет вам достаточно широко использовать скрипт.<br><img src=\'../images/kagaya_110.jpg\' style=\'width: 49%;float: left;\'> <img src=\'../images/kagaya_105.jpg\' style=\'width: 49%;float: right;\'><br><br><img src=\'../images/74.jpg\' style=\'margin: 10px auto;display: block;\'>','','2200','1200','')">Огромное окно</a>
Dle хак - Модальное окно popup Window il v1.0.0
Modalnoe-okno-popup-Window-il-v1.0.0.rar [201,25 Kb] (cкачиваний: 572)
Комментарии 4