JavaScript

Vanadium — jQuery-плагин для валидаци

VanadiumJS — мощный jQuery-плагин для валидации данных на стороне клиента. Поддерживается как обычная загрзука данных с сервера, так и с помощью AJAX. Правила валидации могут быть заданы двумя путями:

  • с помощью JSON
  • обычной inline-разметкой

vanadium javascript validation jquery

С помощью VanadiumJS валидирование может происходить в момент ввода данных, с некоторой задержкой после ввода или перед отправкой данных.

VanadiumJS
VanadiumJS v.23

Метки: ,

Пятница, сентября 11, 2009 JavaScript Комментариев нет

Superbox! — jQuery-плагин для создания модального окна

jQuery Superbox! — jQuery-плагин для создания и гибкой настройки модального окна на подобии лайтбокса (lightbox). Для работы, как и многие другие плагины подобной функциональности, используются аттрибуты rel и href, внешний вид легко настраивается с помощью CSS.

Superbox! - jQuery-плагин для создания модального окна

Любой HTML-контент может быть использован для Superbox!изображения (одиночное или галлерея), обычный текст, iframe и т.п.

Размеры Superbox! определяются автоматически в зависимости от размеров контента, или могут быть  жестко заданы.

Superbox!

Метки: ,

Среда, июня 10, 2009 JavaScript Комментариев нет

dhtmlxScheduler — календарь и планировщик с поддержкой AJAX

Логотип dhtmlxScheduler - календарь и планировщик с поддержкой AJAXdhtmlxScheduler — это on-line кадендарь-планировщик с поддержкой событий, имеет простой и приятный интерфейс с поддержкой AJAX, который позволяет добавлять, удалять и изменять события без перезагрузки всей страницы.

Возможность перетаскивать (drag'n'drop) события предоставляет простой, интуитивно-понятный интерфейс для выставления начала и продолжительности событий. События в календаре могут отображаться по дням, неделям и месяцам.

dhtmlxScheduler очень легкий (около 19 KB в сжатом виде), кросс-браузерный и гибко настраиваемый. Каждый элемент интерфейса календаря может быть настроен с помощью JavaScript API — добавить/обновить события, изменить формат даты-времени, временную шкалу или язык календаря.

dhtmlxScheduler - календарь и планировщик с поддержкой AJAX

dhtmlxScheduler написан на «чистом» JavaScript, для обмена данными между клиентской и серверной частью можно использовать dhtmlxConnector — PHP-расширение, которое реализует необходимые методы, или написать свое собственное на любом серверном языке (PHP, Java, ASP и т.п.)

dhtmlxScheduler
dhtmlxScheduler

Метки: ,

Воскресенье, июня 7, 2009 JavaScript Комментариев нет

jsTree — JavaScript-компонент для построения древовидного меню

jsTree — это кросс-браузерный, бесплатный JavaScript-компонент для построения древовидного меню (tree-меню), с большими возможностями в плане настроек.

В качестве источника для построения jsTree можно использовать:

  • подготовленный HTML-код
  • данные в формате JSON
  • данные в формате XML

Элементам jsTree можно задать различные состояния — open, close, rename, create, delete, и назначать callback-функции — onchange, oncreate, ondelete, onload и т.п.

jsTree - JavaScript-компонент для построения древовидного меню

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

Основные возможности jsTree:

  • drag'n'drop элементов jsTree
  • выделение нескольких элементов
  • поддержка мультиязычных интерфейсов
  • возможность изменения внешнего вида компонента
  • анимация открытия/закрытия элементов
  • навигация с помощью клавиатуры
  • поддержка нескольких jsTree-компонентов и перемещение элементов между ними

jsTree так же можно использовать как jQuery-плагин.

jsTree
jsTree

Метки: ,

Вторник, июня 2, 2009 JavaScript 2 комментария

php.js — PHP-функции в JavaScript

php.js — это JavaScript-библиотека, которая позволяет использовать функции PHP на клиентской стороне. Может оказаться полезной для разработчика, которому потребуется уже на странице в браузере вызвать какую-либо функцию PHP, на пример — file_get_contents(), mktime(), serialize().

php.js - PHP-функции в JavaScript

На данный момент портированно около 400 наиболее востребованных функций и работы продолжаются.

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

php.js

Метки: , ,

Четверг, мая 28, 2009 JavaScript, PHP Комментариев нет

Ribbon — меню в стиле Microsoft Office на jQuery

Ribbon — интерфейс меню от Микаэла Содерстрома (Mikael Soderstrom), как в современном Microsoft Office, реализованный на jQuery.

Ribbon - меню в стиле Microsoft Office на jQuery

В jQuery Ribbon Release 2 от 24 мая еще добавлена поддержка навигации с помощью клавиатуры.

jQuery Ribbon
jQuery Ribbon

Метки: , , ,

Вторник, мая 26, 2009 JavaScript Комментариев нет

Простой ColorPicker для jQuery

Простой ColorPicker для jQuery

Really simple ColorPicker — уже по названию видно, что это «реально» простой jQuery-плагин для выбора цвета, из возможнойстей, только самое необходимое:

  • добавить свои цвета в набор
  • заменить цвета в базовом наборе

Really simple colorpicker
Really simple colorpicker

Метки: ,

Четверг, мая 14, 2009 JavaScript Комментариев нет

MooTools FileManager — файл-менеджер в браузере

MooTools FileManager — MooTools-файл-менеджер использующий FancyUpload3, с его помощью можно загружать, изменять и просматривать файлы и папки, на сервере, просто в браузере. FileManager обладает приятным, простым и интуитивным интерфейсом. Может быть легко интегрирован в TinyMCE.

MooTools FileManager - файл-менеджер в браузере

FileManager запускается в модальном окне и активно использует AJAX.

Основные возможности:

  • быстрый просмотр файлов/директорий
  • переименование, удаление, перемещение, копирование и загрузка файлов/директорий
  • просмотр графических, текстовых и сжатых файлов, прослушивание аудио-файлов
  • авто-изменение размеров загружаемых файлов
  • поддержка drag'n'drop и клавишных комбинаций

MooTools FileManager
MooTools FileManager v.1.0RC1

Метки: ,

Суббота, мая 9, 2009 JavaScript Комментариев нет

FancyUpload3 — мощный и гибкий AJAX-загрузчик файлов

FancyUpload3 — новая версия популярного AJAX-загрузчика для файлов, который ненавязчиво(unobtrusive) заменяет стандартный HTML-элемент INPUT для загрузки файлов.

FancyUpload3 - мощный и гибкий AJAX-загрузчик файлов

FancyUpload построен на базе JavaScript-фрэймворка MooTools,  для работы используется Swiff и так как для загрузки используется SWF-файл — то серверная часть может быть написана на любом подходящем языке программирования.

Основные возможности:

  • внешний вид полностью настраивается с помощью CSS/XHTML
  • параллельная загрузка нескольких файлов
  • очередь загрузки
  • отображение скорости загрузки
  • отображение прогресса загрузки с помощью анимированного прогресс-бара
  • можно задать ограничения на количество, тип или размер загружаемых файлов
  • отображение информации о выбраных для загрузки файлах

FancyUpload обладает очень гибким API со множеством опций, и хорошей документацией.

FancyUpload3

Метки: ,

Пятница, мая 8, 2009 JavaScript Комментариев нет

MochaUI — UI-библиотека для MooTools

MochaUI — это библиотека элементов, для построения графического пользовательского интерфейса, на основе JavaScript-фреймворка MooTools.

MochaUI - UI-библиотека для MooTools

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

MochaUI
MochaUI

Метки: ,

Пятница, мая 8, 2009 JavaScript Комментариев нет

Март 2010
Пн Вт Ср Чт Пт Сб Вс
« Фев    
1234567
891011121314
15161718192021
22232425262728
293031