Popbox.js : Модална добавка за подреждане на JavaScript

Popbox.js е малък javascript плъгин за създаване на стекируеми модали. Той е напълно адаптивен и без зависимости.

Прочетете повече Демо

Micromodal : Лека JavaScript модална библиотека

Micromodal.js е лека, конфигурируема достъпна модална библиотека, написана на чист JavaScript. Целта на тази библиотека е да направи модалните диалози достъпни и лесни за включване във вашия проект с минимална конфигурация. Това е само 1,9 kb минимизирано и gzipped — малка библиотека за голяма промяна.

Прочетете повече Демо

SweetModal : Сладки и мощни модали, използващи jQuery

SweetModal е сладък, лесен и мощен модал, използващ jQuery.

Прочетете повече Демо

SSi-Modal: Гъвкав модален прозорец

Ssi-modal е най-гъвкавият и мощен модален прозорец.

  • Отзивчив
  • Удобен за мобилни устройства
  • Възможност за персонализиране

Прочетете повече Демо

Ax5ui : базирани на jQuery Bootstrap UI добавки

„ax5core“ е колекция от помощни функции, които са проектирани за използване в ax5ui. Той е проектиран за помощната програма да действа като минимален код. Така че може да се счита за прост в сравнение с други помощни програми.

Прочетете повече Демо

Modaal: Достъпен диалогов прозорец jQuery плъгин

Достъпна библиотека с диалогови прозорци за всички хора. Трудно е да се намери плъгин с правилната комбинация от качество, гъвкавост и достъпност. Решихме, че би било интересно да разработим нещо, което да работи в различни проекти, подпомагайки каузата за достъпна мрежа.

Прочетете повече Демо

jQuery Dialogr диалогов прозорец с допълнителни функции

Този jQuery плъгин е модифицирано копие на jQuery UI Dialog widget, добавяйки бутони за минимизиране, възстановяване и максимизиране.

Прочетете повече Демо

Bootbox.js — предупреждение, потвърждение и гъвкави диалогови прозорци за рамката за стартиране на twitter

Напоследък използвам рамката за стартиране на twitter за редица компилации на сайтове, главно защото ме извежда от черно-бяло маркиране до смътно представящи се уебсайтове за много кратко време. Версия 1.3 въведе някои плъгини за JavaScript, за да допълни набора от стилистични елементи, които вече е предоставил - по-специално код за извикване на диалогови прозорци или модални...

Прочетете повече Демо

SimpleModal jQuery плъгин за модален диалог

SimpleModal е лек jQuery плъгин, който предоставя прост интерфейс за създаване на модален диалог. Целта на SimpleModal е да предостави на разработчиците наслагване между различни браузъри и контейнер, който ще бъде попълнен с данни, предоставени на SimpleModal.

Прочетете повече Демо

Как да създадете замяна на диалогов прозорец за потвърждение на jQuery

Изграждаме диалогов прозорец за потвърждение по избор за различни браузъри под формата на лесен за използване плъгин jQuery. Можете да изберете текста, бутоните и действията, които ще се изпълняват при щракване върху тях.

Прочетете повече Демо

Slick Modal — CSS3 захранвани изскачащи прозорци

Slick Modal Popup е чудесен начин да покажете вашето съобщение. Можете да вмъкнете произволен код или оформление вътре в него, нека да бъдат банери, регистрации за бюлетин, формуляри за контакт, показване на специални оферти, изображения, галерии, iframe, видео, карти и по-ефективно и със стил. Характеристики:

  • 50+ налични опции
  • 15 ефекта на прехода
  • 5 скорости на преход
  • 9 изскачащи позиции
  • Разширени опции
  • Персонализиран модален размер
  • Задайте бисквитка за посетителите
  • Задайте времево забавяне на видимостта

Прочетете повече Демо

jQuery Facebook Photo Selector

Добавка jQuery за създаване на селектор на снимки във Facebook. Това е интерфейсен компонент, който ви позволява да изберете снимка от албумите си, сякаш сте във Facebook. Той имитира диалоговия прозорец „Промяна на вашата профилна снимка“, но ви позволява да го персонализирате, както желаете.

Прочетете повече Демо

alertify.js : Система за предупреждение/уведомяване на JavaScript

Alertify е ненатрапчива персонализирана система за уведомяване на JavaScript. Характеристики:

  • Напълно адаптивни диалогови прозорци за предупреждение, потвърждение и подкана
  • Напълно адаптивна ненатрапчива система за уведомяване
  • Параметър за обратно извикване, обработващ както щраквания върху бутони OK, така и Отказ
  • Верижно свързване, което позволява диалогови прозорци в опашка

Прочетете повече Демо

Изскачаща анкета с jQuery UI диалогов прозорец

Имах задача да създам изскачаща анкета за проект. Доста просто, независимо дали съм използвал диалоговия прозорец jQuery или не, затова добавих диалогов прозорец „Благодаря“, който показва резултатите от проучването с лека, базирана на css лентова диаграма само за забавление. Поведение на изскачащи прозорци

  1. Изскачащото проучване се отваря, когато страницата се зареди. Изскачащите прозорци на window.unload или затваряне на прозорец се блокират от повечето браузъри поради злоупотреба и прекомерна употреба.
  2. Бисквитката се задава, когато анкетата е изпратена или потребителят се откаже (щракване „Не, благодаря“).
  3. Затварянето на диалоговия прозорец няма да зададе бисквитка

Всички данни от проучването се съхраняват в база данни и jQuery .post се използва за прехвърляне на информацията напред-назад.

Прочетете повече Демо

jQuery Mobile Datebox

DateBox е инструмент за избор на дата и час, базиран на jQuery. Четири режима на показване Стандартен, изскачащ режим с щракване отвън за затваряне, модален изскачащ режим с принудително въвеждане, диалогов режим на уникална страница, вграден режим. Характеристика:

  • Инструмент за избор на дата в стил Android
  • Инструмент за избор на дата в стил календар
  • Инструмент за избор на дата в стил на слайд
  • Инструмент за избор на дата или час в стил Flip Wheel
  • Избор на време за 12 и 24 часа
  • Инструмент за избор на времетраене

Прочетете повече Демо

FrameWarp: jQuery плъгин за показване на страници в чист наслагване

Има опция за използване на един от многобройните плъгини за лайтбокс, за да направите това, но приставката, която ще създадем в този урок, има много предимства пред общия скрипт за лайтбокс:

  • Лек — създаден е специално за показване на страници, а не на изображения;
  • Няма потребителски интерфейс, така че страницата изглежда като диалогов прозорец;
  • Страницата може да се затвори сама и може също да изпраща съобщения до родителския прозорец;
  • По желание може да използва кеш за по-бързо последващо зареждане на страници;
  • Използва чиста CSS анимация с резервен JavaScript.

Прочетете повече Демо

FBModal : Плъгин jQuery като Modal Dialog във Facebook

FBModal е jQuery плъгин, който е първата реплика на Facebookмодален диалогов прозорец. FBModal предоставя прости начини за извикване на модален диалогов прозорец. Ето пример за това как можете да използвате FBModal във вашия проект. Просто включете най-новата библиотека jQuery, файла на приставката и файла css. След това извикайте функцията fbmodal() на елемент jQuery и ще се покаже модален диалогов прозорец, използващ съдържанието на този елемент. Толкова е просто.

Прочетете повече Демо

jQuery Плъгин за изскачащ плейър на YouTube

Това е лесен за използване jQuery плъгин за вграждане навидеоклипове в YouTubeна вашата страница, като ги показвате в изскачащ диалогов прозорец. Използвах jQuery UI Dialog Widget като изскачащ контейнер, вместо да преоткривам колелото. jQuery UI Dialog е стабилен механизъм за различни браузъри за показване на изскачащ диалогов прозорец със заглавна лента, включително подвижна кутия с модално поведение. Този плъгин е много лесен за конфигуриране и използване. Идентификаторът на видеоклипа в YouTube може да се съхранява във всеки атрибут на DOM елемента. Този плъгин следи всички присвоени изскачащи събития и няма да присвои събитието за кликване, ако вече съществува такова, по този начин можете да присвоите отново събитието за динамично добавени HTML елементи, без да засягате съществуващите.

Прочетете повече Демо

boxy : подобен на Facebook jQuery диалог/наслагване с демонстрация

boxy е анимиран диалогов/наслагващ прозорец във Facebook като jquery.

Прочетете повече Демо

Zebra_Dialog — олекотен плъгин за диалогов прозорец jQuery

Zebra_Dialog е малка и лесно конфигурируема приставка за диалогов прозорец за jQuery, предназначена да замени диалоговите прозорци за „предупреждение“ и „потвърждение“ на JavaScript и създадена с помощта на шаблонната плоча на приставката за jQuery . Може да се използва и като приспособление за уведомяване — когато е конфигурирано да не показва бутони и да се затваря автоматично — за актуализации или грешки, без да отвлича вниманието на потребителите от изживяването им в браузъра чрез показване на натрапчиви предупреждения. Характеристики:

  • страхотен външен вид - извън кутията
  • Налични 5 вида диалогови прозорци: потвърждение, информация, предупреждение, грешка и въпрос;
  • лесно адаптивен външен вид чрез промяна на CSS файла
  • създаване на модални или немодални диалогови прозорци
  • лесно добавяне на персонализирани бутони
  • позиционирайте диалоговия прозорец където пожелаете - не само в средата на екрана
  • използвайте функции за обратно извикване, за да управлявате избора на потребителя

Прочетете повече Демо

jqDnR — Минималистичен jQuery Drag’n’Resize

jqDnR е олекотен плъгин за jQuery, който ви позволява даплъзгате, пускате и преоразмерявате елементи. jqDnR предоставя цялата основна еластична функционалност, от която повечето диалогови прозорци ще се нуждаят. Основен, прост и лесен за използване. Характеристики:

  • Позициониране на елемент с плъзгане + пускане
  • Югоизток Преоразмеряване
  • Дефинируеми „ръкохватки“ за плъзгане и преоразмеряване
  • Полупрозрачно плъзгане, запазване на оригиналната непрозрачност

Прочетете повече Демо

Слой: Невероятна система за слой/модал/диалог

Невероятна система за слой/модал/диалог. Характеристики:

  • Поддържани браузъри: Chrome 20+, FireFox 20+, Safari 6+, Opera 12+, IE8+
  • Без jQuery (но след това се нуждаете от Promise polyfill)
  • Повече от 90% покритие на тестов код
  • Предварително зареждане на съдържание преди показване
  • Интелигентен фокус върху елементите на формата
  • Синтаксис на ES6

Прочетете повече Демо

jQuery Layered modal за Bootstrap3

Една от най-популярните функции на уебсайта е модален прозорец. Съвременните разработчици им обръщат малко внимание. Често Windows изглежда ужасно, скучно или не работи. Затова решихме да създадем уникален компонент за модални диалози! Резултатът ни изненада! Получи се толкова красив, интересен прозорец. Сега можете да създадете същото. Единственото нещо, което можете да предотвратите това от вас! Създавайте, измисляйте! Създайте индивидуални Windows! Което го няма на нито един уебсайт. Нашият компонент е подходящ за лайтбокс. Вашите качествени снимки ще придобият нов облик! Но основното предимство е пълната съвместимост с Twitter Bootstrap 3! Много е лесно да свържете нашия компонент към готови модални прозорци от Twitter Bootstrap.

Прочетете повече Демо

jQuery Диалози за потвърждение с Bootstrap

Потвърдете диалогови прозорци за бутони и връзки с помощта на jQuery и Bootstrap.

Прочетете повече Демо

eModal : jQuery Easy Modal Dialogs за Bootstrap

Easy Modal for bootstrap е лесен начин за създаване на модални диалози с помощта на javascript.

Прочетете повече Демо

jQuery Confirm : Многофункционално уеб предупреждение и потвърждение

Многофункционален jQuery плъгин за предупреждение, потвърждение и диалог. С богат набор от функции: • директно зареждане на съдържание чрез Ajax, • Автоматично затваряне на диалоговия прозорец след определено време, • предотвратяване на затварянето на диалоговия прозорец при щракване във фонов режим, • функция за обратно извикване и др.

Прочетете повече Демо

Munda Forms — чисти, модерни, отзивчиви уеб формуляри

Munda forms е набор от модерни, изчистени елементи на формуляр, подходящи за всеки тип уебсайт или формуляр. Пакетът включва 3 работещи AJAX форми, 5 цветови вариации, 35HTML демонстрации.

  • Bootstrap grid система
  • 200+ икони
  • jQueryUI уиджети: акордеон, автоматично довършване, бутон, инструмент за избор на дата, диалог, меню, лента за прогрес, меню за избор, плъзгач, въртящ се бутон, раздели, подсказка.
  • Timepicker, Monthpicker, маскиране на въвеждане
  • Средство за избиране на цвят
  • Адаптивно вградено съдържание: Youtube видеоклипове, Google карти, Vimeo видеоклипове.
  • Рейтинг със звезди
  • Социални бутони: 53 марки.
  • CAPTCHA
  • Валидиране от страна на клиента
  • Валидиране от страна на сървъра
  • ПО-МАЛКО файлове

Прочетете повече Демо

Вдъхновение за диалогови ефекти с CSS3 SVG

Малка колекция от диалогови ефекти, използващи CSS анимации за ваше вдъхновение. Някои ефекти използват SVG анимации на пътеки за преобразуване с помощта на Snap.svg.

Прочетете повече Демо

Bruno : jQuery Modal PopUp Dialog Plugin

Модалният изскачащ диалогов прозорец на jQuery, jQuery UI и DialogExtend с кожи в стила на Metro.

Прочетете повече Демо

popModal : jQuery плъгин за подсказки, заглавия и модални диалогови прозорци

popModal е jQuery плъгин за показване на подсказки, заглавия, модални диалози и т.н. Тази библиотека включва 5 компонента: popModal — изскачащ прозорец, показан близо до родителския елемент. Извиква се чрез щракване върху елемент notifyModal — изскачащ прозорец с известия, показван върху всички елементи. Извиква се от събитие и се скрива след определено времеhintModal — подсказка, показана близо до родителския елемент. Извиква се при задържане на курсора на мишката върху елемент и скриване, след като елементът загуби фокус dialogModal — модален диалогов прозорец, показван върху всички елементи. Извиква се чрез щракване върху елемент titleModal — подсказка, показана близо до родителския елемент, заменя родното заглавие. Извиква се при задържане на мишката върху елемент и скриване, след като елементът загуби фокус

Прочетете повече Демо

Lobibox : плъгин за известяване на jQuery

Lobibox е адаптивен jQuery плъгин за уведомяване. Lobibox е разделен на две части Кутии за съобщения и Известия. Характеристики:

  • Поддръжка на различни цветове
  • Възможност за показване във всякакви ъгли на екрана
  • Закъснение
  • Показване на индикатора за забавяне
  • Покажи с изображение
  • Звукова поддръжка
  • Поддръжка на размера. Можете да показвате известия с различен размер

Прочетете повече Демо

Custombox: Модални ефекти на прозорец с преходи CSS3

Custombox е модален прозоречен ефект с преходи CSS3.

Прочетете повече Демо

Slick Modal — CSS3 захранвани изскачащи прозорци

Slick Modal Popup е чудесен начин да покажете вашето съобщение. Можете да вмъкнете произволен код или оформление вътре в него, нека да бъдат банери, регистрации за бюлетин, формуляри за контакт, показване на специални оферти, изображения, галерии, iframe, видео, карти и по-ефективно и със стил. Характеристики:

  • 50+ налични опции
  • 15 ефекта на прехода
  • 5 скорости на преход
  • 9 изскачащи позиции
  • Разширени опции
  • Персонализиран модален размер
  • Задайте бисквитка за посетителите
  • Задайте времево забавяне на видимостта

Прочетете повече Демо

Слой: Невероятна система за слой/модал/диалог

Невероятна система за слой/модал/диалог. Характеристики:

  • Поддържани браузъри: Chrome 20+, FireFox 20+, Safari 6+, Opera 12+, IE8+
  • Без jQuery (но след това се нуждаете от Promise polyfill)
  • Повече от 90% покритие на тестов код
  • Предварително зареждане на съдържание преди показване
  • Интелигентен фокус върху елементите на формата
  • Синтаксис на ES6

Прочетете повече Демо

jQuery Layered modal за Bootstrap3

Една от най-популярните функции на уебсайта е модален прозорец. Съвременните разработчици им обръщат малко внимание. Често Windows изглежда ужасно, скучно или не работи. Затова решихме да създадем уникален компонент за модални диалози! Резултатът ни изненада! Получи се толкова красив, интересен прозорец. Сега можете да създадете същото. Единственото нещо, което можете да предотвратите това от вас! Създавайте, измисляйте! Създайте индивидуални Windows! Което го няма на нито един уебсайт. Нашият компонент е подходящ за лайтбокс. Вашите качествени снимки ще придобият нов облик! Но основното предимство е пълната съвместимост с Twitter Bootstrap 3! Много е лесно да свържете нашия компонент към готови модални прозорци от Twitter Bootstrap.

Прочетете повече Демо

jQuery Диалози за потвърждение с Bootstrap

Потвърдете диалогови прозорци за бутони и връзки с помощта на jQuery и Bootstrap.

Прочетете повече Демо

eModal : jQuery Easy Modal Dialogs за Bootstrap

Easy Modal for bootstrap е лесен начин за създаване на модални диалози с помощта на javascript.

Прочетете повече Демо

jQuery Confirm : Многофункционално уеб предупреждение и потвърждение

Многофункционален jQuery плъгин за предупреждение, потвърждение и диалог. С богат набор от функции: • директно зареждане на съдържание чрез Ajax, • Автоматично затваряне на диалоговия прозорец след определено време, • предотвратяване на затварянето на диалоговия прозорец при щракване във фонов режим, • функция за обратно извикване и др.

Прочетете повече Демо

Munda Forms — чисти, модерни, отзивчиви уеб формуляри

Munda forms е набор от модерни, изчистени елементи на формуляр, подходящи за всеки тип уебсайт или формуляр. Пакетът включва 3 работещи AJAX форми, 5 цветови вариации, 35HTML демонстрации.

  • Bootstrap grid система
  • 200+ икони
  • jQueryUI уиджети: акордеон, автоматично довършване, бутон, инструмент за избор на дата, диалог, меню, лента за прогрес, меню за избор, плъзгач, въртящ се бутон, раздели, подсказка.
  • Timepicker, Monthpicker, маскиране на въвеждане
  • Средство за избиране на цвят
  • Адаптивно вградено съдържание: Youtube видеоклипове, Google карти, Vimeo видеоклипове.
  • Рейтинг със звезди
  • Социални бутони: 53 марки.
  • CAPTCHA
  • Валидиране от страна на клиента
  • Валидиране от страна на сървъра
  • ПО-МАЛКО файлове

Прочетете повече Демо

Вдъхновение за диалогови ефекти с CSS3 SVG

Малка колекция от диалогови ефекти, използващи CSS анимации за ваше вдъхновение. Някои ефекти използват SVG анимации на пътеки за преобразуване с помощта на Snap.svg.

Прочетете повече Демо

Bruno : jQuery Modal PopUp Dialog Plugin

Модалният изскачащ диалогов прозорец на jQuery, jQuery UI и DialogExtend с кожи в стила на Metro.

Прочетете повече Демо

popModal : jQuery плъгин за подсказки, заглавия и модални диалогови прозорци

popModal е jQuery плъгин за показване на подсказки, заглавия, модални диалози и т.н. Тази библиотека включва 5 компонента: popModal — изскачащ прозорец, показан близо до родителския елемент. Извиква се чрез щракване върху елемент notifyModal — изскачащ прозорец с известия, показван върху всички елементи. Извиква се от събитие и се скрива след определено времеhintModal — подсказка, показана близо до родителския елемент. Извиква се при задържане на курсора на мишката върху елемент и скриване, след като елементът загуби фокус dialogModal — модален диалогов прозорец, показван върху всички елементи. Извиква се чрез щракване върху елемент titleModal — подсказка, показана близо до родителския елемент, заменя родното заглавие. Извиква се при задържане на мишката върху елемент и скриване, след като елементът загуби фокус

Прочетете повече Демо

Quttons: Бутони, изработени от Quantum Paper

С този плъгин jQuery можете да скриете всеки div зад бутон Quantum [Paper] или Qutton. Qunatum Paper е цифрова хартия, която може да променя своя размер, форма и цвят, за да побере ново съдържание. Квантовата хартия е част от новия език на Google Material Design.

Прочетете повече Демо

jQuery Popdown плъгин

Това е прост диалогов плъгин jquery, който изскача от горната част на прозореца на вашия браузър, след като зареди HTML във фонов режим. Лесен начин за зареждане на уеб формуляри, съдържание, съобщения за обратна връзка от потребители, медии и всяко друго съдържание в стил на място.

Прочетете повече Демо