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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню на JavaScript или CSS

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

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

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

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

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

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

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

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

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

Category Категории: CSS, JavaScript / jQuery     Tags Теги: , ,

Капча на PHP и JavaScript

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

Создавая сайты разной сложности, практически всегда встает вопрос в защите его от заваливания нежелательными комментариями или автоматическими регистрациями. От части эту проблему можно решить с помощью установки скрипта CAPCHA. Если сайт разрабатывается на популярной CMS типа WordPress, Joomla или Drupal то проблем с этим возникнуть не должно, достаточно просто найти подходящий плагин и просто установить его. Но, что делать если сайт целиком пишется на собственной CMS? (замечу, что предложенный мною вариант также пригоден для любой CMS) подробнее

Category Категории: JavaScript / jQuery, PHP     Tags Теги:

Простой спойлер на JavaScript

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

спойлер на js и cssСегодня я опишу пример создания простого спойлера с использованием JavaScript. Для тех кто не в курсе, спойлер(Spoiler) — это своеобразный способ скрытия информации на странице сайта от посторонних глаз, либо же просто для более компактного распределения контента на странице в целом. Спойлер раскрывается при нажатии на соответствующую ссылку(кнопку) и так же закрывается. Всего в один клик, что разумеется очень удобно. Пример использования такого решения очень часто можно встретить на различных форумах, интернет-магазинах(дополнительная информация о товаре), каталогах и т.д.

Что можно скрыть с помощью спойлера? Да практически все, любой материал, будь то: — текст, изображения или даже видеоролик. подробнее

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

Удобные Вкладки-Табы с использованием CSS и JS

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

css табыДля экономии места в видимой части сайта или же просто для повышения привлекательности, удобно применять такое решение как вкладки, или же как их принято называть — табы(tabs). Встретить их сейчас можно абсолютно везде, вебмастера отдавая дань моде, вставляют их везде и повсюду(порой на странице можно встретить 3-5 таких блоков).

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

Category Категории: JavaScript / jQuery     Tags Теги: , , ,
Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка