Просмотр всех статей JavaScript / jQuery

Новое окно при клике на ссылку

Автор: Роман Чернышов Опубликовано: 28 июня 2011

Очередная небольшая заметка, на тему открытия нового окна фиксированного размера, без скроллинга и статус бара. По сути очень простая задача с простым путём решения, но в виду очень редкого применения постоянно забывается). подробнее

Категории: HTML, JavaScript / jQuery Tags

Теги: window.open, всплывающее окно, новое окно

Визуальный редактор openWYSIWYG

Автор: Роман Чернышов Опубликовано: 19 мая 2011

Хочу поделиться опытом работы с текстовым редактором написанным на JavaScript и DHTML с простым названием openWYSIWYG. В последнее время я все чаще стал использовать в своих проектах именно его. Безусловно существует еще масса других не менее интересных и достойных редакторов которые я использую, но я расскажу вам именно об этом. подробнее

Категории: JavaScript / jQuery Tags

Теги: javascript, wysiwyg, редактор

Отправка формы с помощью JS

Автор: Роман Чернышов Опубликовано: 6 марта 2011

Хочу с делать для себя небольшую заметку, думаю кроме меня она еще кому-то может пригодиться. Отправка HTML формы с помощью JavaScript из любой части документа. Для этого достаточно всего написать одну функцию на JS, а затем вызывать ее в нужном месте при нажатии на любой элемент документа (мы сами определяем на какой), будь то гиперссылка или кнопка. подробнее

Категории: JavaScript / jQuery Tags

Теги: submit, submit js, отправить форму

Всплывающие подсказки на jquery

Автор: Роман Чернышов Опубликовано: 22 февраля 2011

Рано или поздно любой веб-мастер начинает задумываться о юзабилити своего сайта. Хочется с делать свой мега сайт или простой блог как можно привлекательнее и удобнее для пользователя. Существует множество различных фишек применяемых для улучшения «юзабельности» сайта, одной из таких является создание на сайте всплывающих подсказок, можно ограничится простыми подсказками прописанных в параметре title, а можно обратиться к удобной библиотеке jQuery и реализовать собственные. подробнее

Категории: JavaScript / jQuery Tags

Теги: title jquery, всплывающие подсказки, подсказки jquery

Добавление поля, без перезагрузки страницы

Автор: Роман Чернышов Опубликовано: 10 февраля 2011

Существует множество способов и технологий позволяющих реализовать динамическое добавление полей на странице (без перезагрузки). Т.е. пользователь просто жмет кнопку «добавить поле» и новое поле для ввода каких либо данных добавляется к форме. В интернете описано много способов, но практически все их них основаны на jQuery или Mootools. Замечу, использование таких порой грамотных стародавних библиотек просто не обосновано. Зачем подгружать 100кб лишней информации лишь только ради того, чтобы сделать форму добавления (комментариев, контактов, файлов, картинок — нужное подчеркнуть) чуть юзабельнее. подробнее

Категории: HTML, JavaScript / jQuery Tags

Теги: ajax, jquery, динамические поля

Установить COOKIE используя JavaScript

Автор: Роман Чернышов Опубликовано: 9 февраля 2011

Работая с очередным проектом, мне пришлось прибегнуть к использованию cookie. Для запоминания сайтом, выбранного пользователем региона страны. Это было необходимо сделать для отсортировки информации относящейся только к заданному региону. По причине разного рода соображений, вариант с использованием PHP был исключен. И пришлось подключать JavaScript и уже дальше с помощью его устанавливать и считывать соответствующие кукисы. подробнее

Категории: JavaScript / jQuery Tags

Теги: cookie, cookie js, куки

Ограничить макс. длину строки в поле INPUT. Пример на JavaScript

Автор: Роман Чернышов Опубликовано: 3 февраля 2011

Порой возникает необходимость ввести ограничение в пользовательской форме. Например на сайте в разделе регистрации, запретить пользователю вводить ник длинней 20 символов. Разумеется следует осуществлять такую проверку методами посерьезнее нежели чем JavaScript (проверять данные при помощи PHP). Но в качестве дополнительной проверки, тем более без перезагрузки страницы такой вариант вполне приемлем. подробнее

Категории: JavaScript / jQuery Tags

Теги: длина поля, проверка input

Меню на JavaScript или CSS

Автор: Роман Чернышов Опубликовано: 3 января 2011

Прежде всего хочу поздравить всех с уже наступившим Новым 2011 годом! Ну и перейду сразу к сути, дабы не погружаться в долгие повествования, о том как прошло празднование сие события. И так к делу. Сегодня ко мне обратился с просьбой мой давний приятель. Просьба его заключалась в переделки навигационного меню, а так же в проверке работы плагинов на его сайте, которые отвечают за генерацию файла sitemep.xml — карта сайтов. подробнее

Категории: CSS, JavaScript / jQuery, Мысли вслух Tags

Теги: css, javasript, меню

Счетчик времени на JavaScript

Автор: Роман Чернышов Опубликовано: 27 декабря 2010

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

Категории: JavaScript / jQuery Tags

Теги: javascript счетчик, js counter, обратный отсчет

Увеличение фото. jQuery

Автор: Роман Чернышов Опубликовано: 17 ноября 2010

Существует огромное количество способов решения задачи «Увеличение фото при клике по нему», но мне больше всех приглянулся метод с использованием jQuery и библиотеки fancybox. При данном подходе все реализуется достаточно просто, кроссбраузерно и эффективно. подробнее