Javascript лаборатория

 

Здесь я буду выкладывать свои часто используемые блоки кода и готовые решения (будут попадаться и взятые из сети, но в основном свои - проверенные и рабочие). Конечно, можно многие вещи, представленные здесь, реализовать быстрее и проще при помощи каких нибудь JS библиотек - той же JQuery. Но смысл размещаемого тут материала иной. Знать JQuery - не означает знать Javascript.

Если проект горит и времени нет - JS библиотеки просто спасают, но когда душа просит более низко уровневого творчества, то тут господа мы вспоминаем про Javascript в его чистом виде. Есть и третий вариант, когда не хочется перегружать проект целой подключаемой библиотекой из за одной единственной фишки. Её конечно лучше написать самому. Или подглядеть у кого ... :)

javascript UI accordion без JQuery UI

Статья для тех, кто хочет использовать такой элемент пользовательского интерфейса, как javascript UI accordion (разъезжающиеся вкладки) содержащие контент, но не хочет при этом подключать громоздкие JQuery + JQuery UI. Работает во всех "нужных" браузерах, включая IE линейку, начиная с 6-ой версии. Имеет настройки и собственные события.

Javascript вкладки без JQuery UI

Материал для тех, кто хочет ипользовать такой элемент пользовательского интерфейса, как вкладки, но совсем не хочет использовать JQuery + JQuery UI.

Удобный HTML SELECT

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

Выбиралка цветов Color Picker

В этой заметке я хочу представить ещё одно своё JavaScript творение: Color Picker - выбиралку цветов. Скрипт довольно простой по функционалу и установке, ну, и впринципе код у него тоже не очень сложный. Он НЕ использует JQuery и картинки, небольшой по размеру, и довольно прост и быстр. Работает в IE 6-9, Opera, FireFox, Safari, Chrom.

Валидатор html форм

Всем привет. В этой статье я хочу выложить свеже-написанный скрипт валидации форм и объяснить, как с ним работать. Данный скрипт позволяет валидировать данные, введенные пользователем в html - форму страницы перед отправкой их на сервер, предоставляя для этого удобный и расширяемый функционал. Что в нём особенного?

  1. Он представляет собой единый модуль и не засоряет собой пространство имен.
  2. Прост в интеграции.
  3. Работает во всех основных браузерах, включая линейку IE от 6-ой до 9-ой версии
  4. НЕ использует JQuery
  5. НЕ нарушает web стандарты
  6. Мало вЕсит
  7. Указывает ошибки валидации рядом с полем ввода.
  8. Имеет возможность расширения/индивидуальной настройки.
  9. Настраиваемая мультиязычность

Javascript выпадающий список

Часто на форумах втречаются вопросы как сделать динамический Javascript выпадающий список? Да ещё с возможностью установки начального значения. В этой статье я приведу простенькую функцию для создания динамического выпадающего списка.

Javascript динамическая html таблица

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

Свои события или observer на Javascript

В этой статье, я по сути "убил двух зайцев" - Написал интересный и полезный Javascript объект, а так же пояснил, как реализовать и где применить идею шаблона Observer в Javascript

Еще статьи...

Кто на сайте
Сейчас 75 гостей онлайн