Vizor-IT blog » JavaScript http://vizor-it.net Thu, 29 Jul 2010 23:00:28 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Coin Slider — jQuery-плагин для пролистывания изображений http://vizor-it.net/2010/04/09/coin-slider-jquery-image-slider/ http://vizor-it.net/2010/04/09/coin-slider-jquery-image-slider/#comments Fri, 09 Apr 2010 16:05:05 +0000 Vizor http://vizor-it.net/?p=1399 Coin Slider — jQuery-плагин для создания слайдера — элемента интерфейса для последовательного просмотра изображений. Coin Slider может создавать различные эффекты переходов, и автоматически резрезать изображения на части для их создания.

Coin Slider с минимальными усилиями может быть встроен в существующий дизайн, внешний вид легко настраивается с помощью CSS, и имеет несколько вариантов настройки поведения.

jquery_coin_slider

Работает в: Firefox 2+ Chrome 3+ Opera Internet Explorer 6 Internet Explorer 7 Safari

Особенности

  • Уникальные эффекты переходов: случайный, вихрь, дождь, прямой
  • Валидная разметка
  • Гибкие настройки
  • Поддерживаются ссылки и описания изображений
  • Размер всего 8КБ

Coin Slider

]]> http://vizor-it.net/2010/04/09/coin-slider-jquery-image-slider/feed/ 2 Vanadium — jQuery-плагин для валидаци http://vizor-it.net/2009/09/11/vanadium-jquery-validation-plugin/ http://vizor-it.net/2009/09/11/vanadium-jquery-validation-plugin/#comments Fri, 11 Sep 2009 08:00:35 +0000 Vizor http://vizor-it.net/?p=1124 VanadiumJS — мощный jQuery-плагин для валидации данных на стороне клиента. Поддерживается как обычная загрзука данных с сервера, так и с помощью AJAX. Правила валидации могут быть заданы двумя путями:

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

vanadium javascript validation jquery

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

VanadiumJS
VanadiumJS v.23

]]> http://vizor-it.net/2009/09/11/vanadium-jquery-validation-plugin/feed/ 0 Superbox! — jQuery-плагин для создания модального окна http://vizor-it.net/2009/06/10/superbox-jquery-flexible-modal-windows/ http://vizor-it.net/2009/06/10/superbox-jquery-flexible-modal-windows/#comments Wed, 10 Jun 2009 08:50:01 +0000 Vizor http://vizor-it.net/?p=1005 jQuery Superbox! — jQuery-плагин для создания и гибкой настройки модального окна на подобии лайтбокса (lightbox). Для работы, как и многие другие плагины подобной функциональности, используются аттрибуты rel и href, внешний вид легко настраивается с помощью CSS.

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

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

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

Superbox!

]]> http://vizor-it.net/2009/06/10/superbox-jquery-flexible-modal-windows/feed/ 0 dhtmlxScheduler — календарь и планировщик с поддержкой AJAX http://vizor-it.net/2009/06/07/dhtmlxscheduler-lightweight-customizable-ajax-events-calendar-scheduler/ http://vizor-it.net/2009/06/07/dhtmlxscheduler-lightweight-customizable-ajax-events-calendar-scheduler/#comments Sun, 07 Jun 2009 07:20:41 +0000 Vizor http://vizor-it.net/?p=935 Логотип dhtmlxScheduler - календарь и планировщик с поддержкой AJAXdhtmlxScheduler — это on-line кадендарь-планировщик с поддержкой событий, имеет простой и приятный интерфейс с поддержкой AJAX, который позволяет добавлять, удалять и изменять события без перезагрузки всей страницы.

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

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

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

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

dhtmlxScheduler
dhtmlxScheduler

]]> http://vizor-it.net/2009/06/07/dhtmlxscheduler-lightweight-customizable-ajax-events-calendar-scheduler/feed/ 0 jsTree — JavaScript-компонент для построения древовидного меню http://vizor-it.net/2009/06/02/jstree-feature-rich-javascript-tree-component-jquery/ http://vizor-it.net/2009/06/02/jstree-feature-rich-javascript-tree-component-jquery/#comments Tue, 02 Jun 2009 05:00:18 +0000 Vizor http://vizor-it.net/?p=963 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

]]> http://vizor-it.net/2009/06/02/jstree-feature-rich-javascript-tree-component-jquery/feed/ 2 php.js — PHP-функции в JavaScript http://vizor-it.net/2009/05/28/phpjs-php-functions-in-javascript/ http://vizor-it.net/2009/05/28/phpjs-php-functions-in-javascript/#comments Thu, 28 May 2009 07:15:03 +0000 Vizor http://vizor-it.net/?p=939 php.js — это JavaScript-библиотека, которая позволяет использовать функции PHP на клиентской стороне. Может оказаться полезной для разработчика, которому потребуется уже на странице в браузере вызвать какую-либо функцию PHP, на пример — file_get_contents(), mktime(), serialize().

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

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

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

php.js

]]> http://vizor-it.net/2009/05/28/phpjs-php-functions-in-javascript/feed/ 0 Ribbon — меню в стиле Microsoft Office на jQuery http://vizor-it.net/2009/05/26/jquery-ribbon-microsoft-office-ui-style-menu/ http://vizor-it.net/2009/05/26/jquery-ribbon-microsoft-office-ui-style-menu/#comments Tue, 26 May 2009 08:45:53 +0000 Vizor http://vizor-it.net/?p=920 Ribbon — интерфейс меню от Микаэла Содерстрома (Mikael Soderstrom), как в современном Microsoft Office, реализованный на jQuery.

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

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

jQuery Ribbon
jQuery Ribbon

]]> http://vizor-it.net/2009/05/26/jquery-ribbon-microsoft-office-ui-style-menu/feed/ 0 Простой ColorPicker для jQuery http://vizor-it.net/2009/05/14/really-simple-color-picker-in-jquery/ http://vizor-it.net/2009/05/14/really-simple-color-picker-in-jquery/#comments Thu, 14 May 2009 09:07:11 +0000 Vizor http://vizor-it.net/?p=820 Простой ColorPicker для jQuery

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

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

Really simple colorpicker
Really simple colorpicker

]]> http://vizor-it.net/2009/05/14/really-simple-color-picker-in-jquery/feed/ 0 MooTools FileManager — файл-менеджер в браузере http://vizor-it.net/2009/05/09/mootools-filemanager-preview-upload-modify-files-folders/ http://vizor-it.net/2009/05/09/mootools-filemanager-preview-upload-modify-files-folders/#comments Sat, 09 May 2009 01:55:38 +0000 Vizor http://vizor-it.net/?p=728 MooTools FileManager — MooTools-файл-менеджер использующий FancyUpload3, с его помощью можно загружать, изменять и просматривать файлы и папки, на сервере, просто в браузере. FileManager обладает приятным, простым и интуитивным интерфейсом. Может быть легко интегрирован в TinyMCE.

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

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

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

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

MooTools FileManager
MooTools FileManager v.1.0RC1

]]> http://vizor-it.net/2009/05/09/mootools-filemanager-preview-upload-modify-files-folders/feed/ 0 FancyUpload3 — мощный и гибкий AJAX-загрузчик файлов http://vizor-it.net/2009/05/08/fancyupload-powerful-flexible-ajax-uploader/ http://vizor-it.net/2009/05/08/fancyupload-powerful-flexible-ajax-uploader/#comments Fri, 08 May 2009 08:10:52 +0000 Vizor http://vizor-it.net/?p=785 FancyUpload3 — новая версия популярного AJAX-загрузчика для файлов, который ненавязчиво(unobtrusive) заменяет стандартный HTML-элемент INPUT для загрузки файлов.

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

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

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

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

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

FancyUpload3

]]> http://vizor-it.net/2009/05/08/fancyupload-powerful-flexible-ajax-uploader/feed/ 0