Разное

Модальные окна jquery: Модальное окно на затемненном фоне jQuery

23.04.1989

Содержание

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

  • array_unique для многомерных массивов
  • Contenteditable – текстовый редактор
  • CURL — если сервер отдает редирект
  • date() – форматирование даты PHP
  • PHP parse_url и её обратная функция
  • PHP класс для отправки E-mail
  • PHP класс для хлебных крошек
  • PHP массив в файл CSV
  • PHP паттерн Registry
  • PHP транслит
  • PHP функции для checked и selected
  • PHP функция serialize, возможные проблемы
  • PHP-класс для создания миниатюр изображений
  • PHP-класс обертка для PDO
  • POST-запрос через file_get_content()
  • RSS канал на PHP
  • RSS-файл для Яндекс Турбо-страниц
  • WebP вместо изображений в браузерах где он поддерживается
  • Whois, как получить данные IP-адреса и домена в PHP
  • XML для Яндекс. Недвижимости на PHP
  • XML-файл объявлений для Авито
  • ZIP в PHP (ZipArchive)
  • Автозагрузка классов
  • Автоматическая установка временной зоны у пользователя
  • Автоматический контраст цвета шрифта к фону на PHP
  • Автоматическое заполнение поля «город» в форме по IP адресу
  • Автоматическое оглавление для статьи
  • Автоматическое сжатие и оптимизация картинок на сайте
  • Авторизация на сайте через Facebook
  • Авторизация на сайте через Яндекс
  • Авторизация через GitHub
  • Алфавитный указатель на PHP
  • Бот Телеграм на PHP
  • Время жизни сессии в PHP
  • Время и память выполнения скрипта PHP
  • Вставить баннер в центр статьи
  • Вставка и добавление в текст регулярными выражениями
  • Вход на сайт через Вконтакте
  • Вход через Google
  • Вывести массив в виде PHP кода
  • Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
  • Вывод PHP-массива колонками
  • Вывод даты с русскими месяцами
  • Вывод списка по алфавиту
  • Выпадающий список с файлами на хостинге
  • Вычисление процентов в PHP
  • Генерация QR-кода в PHP
  • Генерация XML файла для Google Merchant
  • Генерация YML файл Яндекс Маркета на PHP
  • Генерация всех комбинаций из набора символов
  • Генерация паролей в PHP
  • Генерация превьюшек изображений на лету
  • Генерация случайных буквенно-цифровых кодов в PHP
  • Генерация счета на оплату PDF PHP
  • Генерация токенов в PHP
  • Дополнительные функции mb_string
  • Загрузка изображений с превью AJAX + PHP + MySQL
  • Загрузка файлов на сервер PHP
  • Загрузка файлов через AJAX с помощью jQuery Form Plugin
  • Замена кавычек на «ёлочки» в PHP
  • Замена раскладки на PHP
  • Замена регистра в строках PHP
  • Замена символов по регулярному выражению
  • Запись в лог-файл в PHP
  • Запись и чтение файлов в PHP
  • Заполненные PHP-массивы для дат
  • Защита от нелегального зеркала сайта
  • Извлечение данных с помощью регулярных выражений PHP
  • Изображения WebP в GD PHP
  • Интеграция с платежной системой PayKeeper в PHP
  • Исключения PHP (Try и Catch)
  • Использование API Геокодера в PHP для получения координат
  • Использование API Яндекс Диска на PHP
  • Использование циклов в PHP
  • Как включить вывод символов эмодзи на сайте
  • Как вывести PHP массив
  • Как вывести метки на Яндекс. Картах из MySQL+PHP
  • Как выделить фразы в тексте
  • Как добавить UTM-метки в заявки с сайта
  • Как дописать стили в атрибут style тегов HTML через PHP
  • Как интегрировать ReCAPTCHA на сайт
  • Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
  • Как найти одинаковые файлы с разными именами в PHP
  • Как настроить Last-Modified
  • Как получить IP посетителя в PHP
  • Как получить все дни между датами в PHP
  • Как получить текущий URL в PHP?
  • Как преобразовать текст из textarea в параграфы HTML
  • Как прочитать SSL сертификат из PHP
  • Как сделать редирект PHP
  • Как сформировать большой файл для маркета
  • Как узнать, что пришел запрос через AJAX
  • Календарь на PHP
  • Кнопка «Показать еще»
  • Конвертация байтов в килобайты и мегабайты
  • Кэширование контента в файлы PHP
  • Мануал по созданию и форматированию excel файлов в PHPExcel
  • Массив $_FILES
  • Массив $_SERVER
  • Метрика API
  • Многоуровневый select из базы данных
  • Обзор PHP расширений для чтения файлов Excel
  • Обновление таблицы БД из XML файлов
  • Обработка и вывод рейтинга в PHP
  • Обработка изображений в PHP
  • Обрезка текста для анонса
  • Округление чисел в PHP
  • Операции с датами и временем Unixtime в PHP
  • Оплата заказов на сайте через Робокассу
  • Определение местоположения посетителя по IP-адресу в PHP
  • Определение мобильного устройства в PHP
  • Определение основного цвета изображения в PHP
  • Определение поисковых роботов
  • Отдача файлов на скачивание PHP
  • Отключить кэширование PHP
  • Отправка sms через «SMS Aero» в PHP
  • Отправка и прием данных 1C на PHP-сайте
  • Отправка писем через PHPMailer
  • Отправка писем через SMTP в PHPMailer
  • Отправка письма с вложением
  • Отправка сообщения с изображением в Twitter через PHP
  • Отправка формы через PHP CURL
  • Отслеживание окончания доменов и SSL-сертификатов
  • Очистка данных из форм в PHP
  • Перекодировка текста UTF-8 и WINDOWS-1251
  • Переносы строк и тег BR в PHP
  • Платежи на сайте через IntellectMoney PHP
  • Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
  • Подгрузка контента при прокрутке (бесконечная лента)
  • Подключение к платежной системе Сбербанка
  • Поиск ближайших объектов в БД по координатам
  • Поиск на сайте внешних ссылок и их анкоров
  • Поиск похожих текстов в базе данных MySQL + PHP
  • Поиск телефона в базе данных MySQL
  • Поиск файлов в PHP
  • Поле для выбора количества товаров
  • Получение котировок PHP
  • Получить DNS записи домена в PHP
  • Получить GET-параметр из URL
  • Получить фото из Instagram без API
  • Постраничный вывод и базы данных
  • Постраничный вывод массива
  • Прайс-лист для Яндекс карт и справочника
  • Преобразование CSV в XLSX на PHP
  • Преобразование punycode в PHP
  • Преобразование изображения в Base64 на PHP
  • Преобразование строк в массив PHP
  • Преобразование цветов в PHP
  • Прием платежей на сайте через интернет-эквайринг Тинькофф
  • Прием платежей на сайте через Юкассу
  • Пример парсинга html-страницы на phpQuery
  • Примеры использования cURL в PHP
  • Примеры использования PDO MySQL
  • Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
  • Проверка данных регулярными выражениями
  • Публикация записей на стену сообщества VK
  • Публикация на страницу Facebook через PHP
  • Работа с API Instagram
  • Работа с FTP в PHP
  • Работа с JSON в PHP
  • Работа с MIME-типами в PHP
  • Работа с директориями в PHP
  • Работа с именами файлов в PHP
  • Работа с массивами PHP – создание, наполнение, удаление
  • Работа с ценами PHP
  • Работа с числами в PHP
  • Работа со строками в PHP
  • Размер файлов и директорий в PHP
  • Раскрывающийся многоуровневый список
  • Расчёт прибыльности за одну единицу товара
  • Расчёт средней закупочной или продажной цены
  • Регулярные выражения для замены на теги
  • Регулярные выражения для удаления тегов
  • Рисование точки в PHP GD
  • Секунды в минуты, часы, дни
  • Склонение слов после числительных в PHP
  • Создание товарной накладной в PHPExcel
  • Сортировка массива по количеству символов
  • Сортировка массивов
  • Сохранить все изображения со страницы сайта
  • Сохранить файл в UTF-8 без BOM
  • Сумма прописью PHP
  • Счетчик просмотров страниц с графиком
  • Транслитерация по ГОСТ
  • Удаление регулярными выражениями в PHP
  • Управление выводом ошибок PHP
  • Установка лимитов PHP на обработку данных из форм
  • Установка локали UTF-8 в PHP
  • Фильтрация IP-адресов
  • Форматирование телефонных номеров
  • Формирование файла sitemap. xml
  • Хеширование строк в PHP
  • Чтение Google таблиц в PHP
  • Чтение XML файла Яндекс Маркета в PHP
  • Чтение почты через IMAP в PHP
  • Шаблонизатор Smarty
  • Шорткоды на регулярных выражениях
  • Яндекс.Доставка работа с API в PHP

HTML/CSS

  • Clearfix – отмена действия float
  • CSS @media для мобильных, планшетов и настольных компьютеров
  • CSS display table
  • CSS стили выделенного текста
  • CSS стили для placeholder
  • CSS фильтры
  • CSS-стили для списков dl, dt, dd
  • Favicon
  • Input type number
  • Manifest. json
  • Open Graph
  • Schema.org – пример разметки блога
  • Schema.org – пример разметки статьи
  • Select option с ссылками
  • SVG спрайты
  • Адаптивное выравнивание изображений на всю ширину браузера
  • Адаптивные блоки YouTube
  • Адаптивные плееры Youtube на десктопах и мобильных
  • Блоки со стрелками (часть 1)
  • Блоки со стрелками (часть 2)
  • Блокировка многократной отправки формы
  • Буквица CSS
  • Ведущие нули у ol
  • Верстка блока контактов с картой
  • Верстка рейтинга в виде звезд
  • Верстка списка с отточием
  • Вертикальное выравнивание в блоке (Flexbox)
  • Вертикальное выравнивание текста в блоке (child-helper)
  • Видео c YouTube в качестве фона сайта
  • Восстановление стилей текста после CSS reset
  • Выборка элементов в группе по псевдоклассам CSS
  • Выравнивание блока по центру родителя
  • Выравнивание блоков на всю ширину (justify)
  • Горизонтальное меню
  • Горизонтальное меню justify
  • Готовые CSS стили для таблиц
  • Добавление CSS стилей на страницу
  • Заголовок с горизонтальной линией посередине
  • Затемнение изображения и фона с помощью CSS
  • Изменение CSS-градиента в зависимости от положения курсора
  • Изменение размеров textarea и других элементов
  • Изменение цвета Яндекс карт
  • Информирование о использовании Сookie
  • Как вместить большие таблицы на страницы сайта
  • Как вывести штрих-код на сайте
  • Как загрузить содержимое файла в textarea
  • Как запретить выделение текста на сайте через CSS
  • Как ограничить ввод данных в текстовое поле
  • Как отключить автозаполнение сохранённого логина и пароля в форме
  • Как отключить тег br
  • Как сделать интерактивную схему на SVG + jQuery
  • Как сделать кривые границы блоков в CSS
  • Как сделать несколько фонов в background
  • Как сделать полосатую таблицу на HTML, CSS, JS, PHP
  • Как скрыть лишний текст в блоке
  • Колоночные шаблоны
  • Кривое подчёркивание ссылок в Google Chrome
  • Курсоры в CSS
  • Ленточки и флажки для блоков на HTML/CSS
  • Мета-тег viewport
  • Мета-теги HTML для Apple Safari
  • Мета-теги для Internet Explorer и Windows
  • Наведение курсора на ячейки, строки, колонки таблицы
  • Наложение градиента на изображение
  • Настройка плеера YouTube
  • Не стандартный СSS градиент
  • Номер телефона на сайте
  • Одна рамка между блоками
  • Описание мета-тегов
  • Оформление placeholder разными стилями
  • Перечёркивание текста по диагонали
  • Перечёркнутый текст
  • Печать HTML страниц
  • Плавное изменение background
  • Плавное увеличение фонового изображения
  • Подключение и выполнение JavaScript на странице
  • Подключение шрифтов в CSS
  • Подключение шрифтов с другого домена
  • Подчеркивание текста линией с градиентом
  • Показать/скрыть пароль
  • Поле для ввода показаний счетчика
  • Полупрозрачный градиент поверх картинки
  • После отправки формы сохранить позицию скролла
  • Прижать футер к низу окна браузера
  • Проверка орфографии в браузере
  • Прокрутка содержимого таблицы
  • Псевдоклассы nth-child и nth-last-child
  • Размеры Iframe
  • Разметка страниц для Twitter (Twitter Cards)
  • Рамка у отдельных ячеек таблицы
  • Рамки блоков с градиентом
  • Расстояние между буквами, строками, ширина табуляции в CSS
  • СSS стили для горизонтальных линий
  • Сборник CSS градиентов
  • Сборник анимированных градиентов
  • Сброс стилей (CSS reset)
  • Ссылки на мессенджеры с сайта
  • Стандартные и безопасные шрифты CSS
  • Стандарты HTML-документов
  • Стили для вложенных нумерованных списков ol
  • Стили для нумерованных списков ol
  • Стилизация Checkbox
  • Стилизация input file
  • Стилизация Radio Button
  • Стилизация кнопок CSS
  • Стиль и размер ReCaptcha
  • Текст в две колонки
  • Текст в три колонки
  • Текст с градиентом
  • Треугольники на CSS
  • Ускорение загрузки изображений и скриптов
  • Ускорение загрузки Яндекс Карт
  • Фильтр файлов по расширению у input file
  • Фильтры Instagram на CSS
  • Фон под текстом
  • Цветные SVG фильтры для элементов
  • Чекбокс в виде переключателя (switch toggle)
  • Чекбоксы в виде кнопок
  • Шахматное поле на CSS
  • Эффекты анимации на CSS animation keyframes
  • Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

  • DNS-сервера хостингов
  • HTTP коды
  • Адреса phpMyAdmin хостингов
  • Адреса серверов POP3, IMAP и SMTP
  • Алфавиты в массивах и строках
  • База городов, регионов и федеральных округов РФ в MySQL
  • Виртуальные коды клавиш (Virtual-Key Codes)
  • Когда обновляются DNS сервера?
  • Коды валют
  • Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
  • Коды языков ISO 639-1
  • Коды языков ISO 639-2
  • Настройки почты для домена Mail. ru, Яндекс, Gmail
  • Округа и районы Москвы в MySQL
  • Скан-коды клавиш клавиатуры (scan codes)
  • Спецсимволы и их мнемоники в HTML
  • Список MIME типов
  • Список городов РФ
  • Список регионов РФ
  • Список серверов Whois
  • Список станций Московского метрополитена в PHP-массиве и SQL
  • Список станций Петербургского метрополитена в PHP-массиве и SQL
  • Таблица Alt-кодов
  • Таблица HTML цветов
  • Таблица кодирования символов в URL
  • Таблица символов ASCII + Windows 1251
  • Таблица символов KOI8-R
  • Таблица символов эмодзи
  • Таблица цветов RAL classic
  • Флаги стран
  • Часовые пояса в PHP
  • ​Коды регионов ISO 3166-1 Alpha 2

34 jQuery Modal/Dialog Windows

Коллекция бесплатных jQuery модальных/диалоговых окон примеров кода и плагинов для рекламы, форм и простых сообщений. Обновление ноябрьской коллекции 2021 года. 5 новых предметов.

  1. Модальные окна CSS
  2. Начальная загрузка Windows
  1. Примеры модальных/диалоговых окон jQuery
  2. Модальные/диалоговые плагины jQuery
О коде

Расширение кнопки контакта и всплывающего сообщения отправки

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: ionicons.css

О коде

Модал с фоновым фильтром

Используя фоновый фильтр , мы можем создать слой фильтра при открытии модального окна. Легко создайте типичный затемненный фон, но вы также можете создавать интересные эффекты, объединяя фильтры.

Совместимые браузеры: Chrome, Edge, Opera, Safari

Ответ: да

Зависимости: material-design-iconic-font.css

О коде

Модальный

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: font-awesome. css

О коде

Модальное окно содержимого

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: font-awesome.css

О коде

Модальный слайдер Tour

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: bootstrap.css, slick.css, bootstrap.js, slick.js

О коде

Дизайн пользовательского интерфейса: отправить открытку

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: simple-line-icons.css

О коде

Видео + Режимы наложения = Холодный модал

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: —

О коде

Модальный

Скользящее модальное окно, созданное с помощью jQuery.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: jquery.js

О коде

Простой модальный jQuery

Простое модальное окно с плавными переходами CSS3. Обычно используется для просмотра раздражающе важного контента при посещении веб-сайта.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: jquery.js

О коде

Модальное окно jQuery с анимацией

Успех и неправильное модальное окно с анимацией.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: bootstrap.css, jquery.js

О коде

Анимация заливки кнопки

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: —

О коде

Анимированная модальная коробка

Анимированное полноэкранное модальное окно.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: jquery.js

О коде

Поворотно-откидной модал

Забавная маленькая модальная концепция в jQuery.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: font-awesome.css, jquery.js

О коде

Концепция уничтожения модального окна

Небольшой эксперимент по раздуванию любого элемента HTML.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: jquery.js, howler.js, html2canvas.js

О коде

Физика модальной анимации

Возиться с физикой ключевого кадра/перехода для модального окна. В основном сосредоточены на времени между оверлеем, модальным контейнером и модальным контентом, чтобы попытаться сделать все событие более органичным.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: font-awesome.css, jquery.js

О коде

Всплывающее окно успеха

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: нет

Зависимости: —

О коде

Простой модальный jQuery

Очень простой адаптивный модальный плагин jQuery.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: —

О коде

Плагин jQuery Timed Dialog

Плагин jQuery для создания временного модального диалога.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: —

С код

Модальная коробка

Модальное окно с использованием HTML, CSS и jQuery.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: —

О коде

Модально

Простой плагин jQuery для вложенных модальных окон.

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Ответ: да

Зависимости: —

О плагине

Авгрунд

Avgrund — это плагин jQuery для ваших модальных окон и всплывающих окон. Он использует новую концепцию, показывающую глубину между всплывающим окном и страницей. Он работает во всех современных браузерах и изящно деградирует в тех, которые не поддерживают переходы и трансформации CSS.
О плагине

ИзиМодал

Элегантный, отзывчивый, гибкий и легкий модальный плагин с jQuery.
О плагине

модальный jQuery

Простой и легкий способ отображения модальных окон с помощью jQuery.
О плагине

Анимированный модал

js»>animatedModal.js — это плагин jQuery для создания полноэкранного модального окна с переходами CSS3. Вы можете использовать переходы из animate.css или создавать свои собственные переходы.
О плагине

Наложение всплывающего окна jQuery

Плагин
jQuery для отзывчивых и доступных модальных окон и всплывающих подсказок.
О плагине

bВсплывающее окно

bPopup — это легкий подключаемый модуль модальных всплывающих окон jQuery (всего 1,34 КБ в сжатом виде). Он не создает и не стилизует ваше всплывающее окно, но предоставляет вам всю логику, такую ​​как центрирование, модальное наложение, события и многое другое. Это дает вам много возможностей для настройки, чтобы она соответствовала вашим потребностям.
О плагине

Омниокно

OmniWindow — чрезвычайно настраиваемый модальный плагин для jQuery.
О плагине

Зебра_Диалог

Небольшой, компактный и легко настраиваемый подключаемый модуль jQuery для создания модальных диалоговых окон.
О плагине

jquery-plainModal

Простой плагин jQuery для полностью настраиваемых модальных окон.
О плагине

Доступный модальный диалог

Модальное окно jQuery a11y.
О плагине

Сладкий модал

Симпатичные, простые и мощные модальные окна с использованием jQuery. Замените alert(), confirm(), prompt() и многие другие плагины на стильные и элегантные.
О плагине

Модальный

Плагин
com/mbuczko/simplemodal-jquery»> jQuery для создания модальных окон.
О плагине

Фокус

Плагин с минимальным всплывающим окном, модальным окном, уведомлением, оверлеем, ящиком и диалоговым окном.
О плагине

Модальная коробка

Плагин Modal Box поможет вам создать всплывающее окно перед другими элементами на вашей странице. Его можно использовать для рекламы, формы подписки, загрузки форм, форм входа/регистрации или для отображения простого сообщения посетителю.

Модальная ссылка Bootstrap JS

❮ Предыдущая Далее ❯


JS Modal (modal.js)

Модальный плагин представляет собой диалоговое/всплывающее окно, которое отображается поверх текущая страница.

Учебное пособие по модальным окнам см. в нашем Bootstrap. Модальный учебник.


Модальные классы плагинов

Класс Описание
. модальный Создает модальное окно
.modal-контент Правильно стилизует модальное окно с рамкой, фоновым цветом и т. д. Используйте этот класс, чтобы добавить заголовок, тело и нижний колонтитул модального окна.
.модальный заголовок Определяет стиль заголовка модального окна
.modal-тело Определяет стиль тела модального окна
.modal-нижний колонтитул Определяет стиль нижнего колонтитула в модальном окне. Примечание: По умолчанию эта область выравнивается по правому краю. Чтобы изменить это, перезапишите CSS с помощью text-align:left|center
.modal-см Задает маленькое модальное окно
.modal-lg Задает большое модальное окно
.фейд Добавляет эффект анимации/перехода, при котором модальное окно появляется и исчезает

Запуск модального окна с помощью атрибутов data-*

Добавьте data-toggle="modal" и data-target="#modalID" в любой элемент.

Примечание: Для элемента, опустить цель данных и использовать href="#modalID" вместо:

Пример



< a data-toggle="modal" href="#myModal">Открыть модальное окно


Открыть модальное окно

Попробуйте самостоятельно »



Триггер с помощью JavaScript

Включить вручную с помощью:

Пример

$ («#MyModal «). MODAL ()

. передаваться через атрибуты данных или JavaScript. Для атрибутов данных добавьте имя опции к data-, как в data-backdrop=»».

Имя Тип По умолчанию Описание Попробуйте
фон логическое значение или строка «static» правда Указывает, должно ли модальное окно иметь темное наложение:
  • true — темное наложение
  • false — без наложения (прозрачный)

Если указать значение «статическое», невозможно закрыть модальное окно при нажатии за его пределами

Использование JS Использование данных
клавиатура логическое значение правда Указывает, можно ли закрыть модальное окно с помощью клавиши Esc (Esc):
  • true — модальное окно можно закрыть с помощью Esc
  • false — модальное окно нельзя закрыть с помощью Esc
Использование JS Использование данных
показать логическое значение правда Указывает, показывать ли модальное окно при инициализации Использование JS Использование данных

Модальные методы

В следующей таблице перечислены все доступные модальные методы.

Метод Описание Попробуйте
.modal( варианты ) Активирует содержимое как модальное. См. параметры выше для допустимых значений Попробуйте
.modal(«переключить») Переключает модальный режим Попробуйте
.modal(«показать») Открывает модальное окно Попробуйте
.modal(«скрыть») Скрывает модальное окно Попробуйте

Модальные события

В следующей таблице перечислены все доступные модальные события.

Событие Описание Попробуйте
показать.bs.modal Происходит перед показом модального окна Попробуйте
показано.bs.modal Происходит, когда модальное окно отображается полностью (после завершения переходов CSS) Попробуйте
скрыть. bs.modal Происходит, когда модальное окно должно быть скрыто Попробуйте
скрытый.bs.modal Происходит, когда модальное окно полностью скрыто (после завершения переходов CSS) Попробуйте

Дополнительные примеры

Модальное окно для входа

В следующем примере создается модальное окно для входа:

Пример


 

Пример модального входа


 
 

 
     


       

         
         
Логин
       

       

         

           

             
              
           

           

             
             
           

            
903 >< input type="checkbox" value="" checked>Запомнить меня
           

           
         


       

         
         

Не зарегистрированы? Зарегистрироваться


         

Забыли пароль?


       

     

   

 

Попробуйте сами »

❮ Предыдущая Следующая ❯


НОВИНКА

Мы только что запустили
Видео W3Schools

Узнать

ВЫБОР ЦВЕТА
КОД ИГРЫ

Играть в игру




Top Tutorials
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
Top References Справочник по HTML

Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Лучшие примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

ФОРУМ | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

14 Модальные диалоговые окна jQuery

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

Многие фреймворки, такие как Twitter Bootstrap или Zurb Foundation, содержат модальные окна и диалоги. Однако, если все, что вам нужно, — это красиво выглядящее, простое в использовании модальное окно без создания собственного с нуля, существует множество библиотек, которые помогут вам.

Вот несколько модальных диалоговых окон, наслаждайтесь!

Обновление от 12 декабря 2013 г.: Обновлены все плагины в этом посте и добавлены новые образы демо. Удалены недостающие плагины и добавлены новые. Сейчас есть 18 достойных.

Обновление 10 марта 2016 г.: Список плагинов полностью обновлен и обновлен. Если вы еще не используете jQuery, перейдите к бонусному разделу для библиотек JavaScript, которым он не требуется!

1. vex

Легко настраиваемый, легко настраиваемый и готовый для мобильных устройств, vex доставляет удовольствие в использовании. Начните использовать vex в своих проектах как простую замену, не конфликтуя с другими библиотеками или плагинами, которые вы могли установить. Придайте вашему сайту современный вид.

Домашняя страница/Демо | GitHub

2.animatedModal.js

animatedModal.js — это плагин jQuery для создания полноэкранного модального окна с переходами CSS3. Вы можете использовать переходы из animate.css или создавать свои собственные переходы.

Домашняя страница/Демо | GitHub

3. Remodal

Remodal — это отзывчивый, легкий и полностью настраиваемый подключаемый модуль модального окна с декларативной конфигурацией и отслеживанием хэшей. Вы также можете определить фоновый контейнер для модального окна (для создания таких эффектов, как размытие). Он также поддерживает IE8.

Домашняя страница/Демо | GitHub

4. Avgrund Modal

Ищете что-то немного другое? Авгрунд может тебя прикрыть. Настройки по умолчанию создают уникальный эффект, который добавляет анимацию не только в модальное окно, но и на саму страницу, элегантно создавая иллюзию глубины. Лучший способ увидеть, как это выглядит, — это проверить демо по ссылкам ниже для себя.

Домашняя страница/Демо | GitHub

5. noty

Кто сказал, что модальные окна нужно располагать по центру? По умолчанию ноты находятся на одном уровне с верхом экрана (с возможностью легко установить различные положения). Другие модальные диалоги могут достичь этого эффекта, так что это не обязательно уникально, но noty делает его очень простым в настройке.

Домашняя страница/Демо | GitHub

6. Lean Modal

Если вы используете jQuery, но все еще хотите что-то легкое, Lean Modal — это просто и удобно. Всего 1 КБ, без дополнительного CSS, вы даже не заметите Lean Modal.

Домашняя страница/Демо | GitHub

7. jQuery Popdown

Устали от всплывающих окон? Попробуйте спуститься вниз для разнообразия. JQuery Popdown по умолчанию и только анимация появляется сверху и в нашем списке. Недостаток документации и настраиваемости компенсируется простотой.

Домашняя страница/Демо | GitHub

8. Диалог пользовательского интерфейса jQuery

Пользовательский интерфейс jQuery — это хорошо поддерживаемая, широко используемая, легко настраиваемая и облегченная структура внешнего интерфейса на основе jQuery. Вся структура включает в себя гораздо больше, чем просто модальные окна, но если все, что вам нужно, это диалоговые окна, каждый модуль структуры можно легко использовать по отдельности со страницы загрузки.

Домашняя страница/Демо | GitHub

9. Colorbox

Разработанный как плагин лайтбокса для отображения изображений, Colorbox может элегантно удовлетворить потребности как лайтбокса, так и модальной диалоговой системы.

Домашняя страница/Демо | GitHub

10. BlockUI

Хотя каждый плагин в этом списке поддерживает Ajax, BlockUI создан для него. Это позволяет разработчикам имитировать синхронное поведение с помощью Ajax без блокировки браузера. BlockUI добавляет элементы в DOM, чтобы придать ему внешний вид и поведение, блокирующие взаимодействие с пользователем.

Домашняя страница/Демо | GitHub

11. jQuery Modal

Недостаток креативного именования компенсируется поддержкой браузера. В документации утверждается даже поддержка текстового браузера Lynx. Но не смущайтесь, jQuery Modal не является частью проекта jQuery.

Домашняя страница/Демо | GitHub

12. nyroModal

Нравится ли вам настройка? Что ж, позвольте мне представить nyroModal.