One-Click Upload – это плагин для jQuery, который способен заменить стандартный элемент формы для аплоада файлов, причем для этой цели можно использовать ссылки, изображения или любой другой элемент. После инициализации выбранного элемента, по нажатию на него будет отображаться диалог выбора файлов, а сама загрузка файла на сервер будет происходить без перезагрузки страницы. Используя этот плагин вы сможете настроить внешний вид элементов для загрузки файлов так, как вам нужно, в отличие от стандартного поля для загрузки файлов, вид которых крайне трудно изменить (см. пример здесь).

<< читать дальше >>

Определять тип браузера нужно не так уж и часто, но все же приходится. И в первую очередь из-за глюков и несовместимостей некоторых из них, когда для какого-либо браузера что-то нужно сделать по-особенному. И поскольку вчера в полку браузеров прибавление – вышел Google Chrome, то теоретически возможна и новая головная боль, в том случае, если если он будет несколько “глюкавым”.

Итак, тип браузера можно посмотреть в строке User Agent. Для Google Chrome она выглядит следующим образом:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

Следовательно, проверку выполняем следующим образом:

var is_chrome = false, chrome_version = false;
if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
	is_chrome = true;
	chrome_version = navigator.userAgent.replace(/^.*Chrome\/([\d\.]+).*$/i, '$1')
}

В результате переменные is_chrome и chrome_version будут указывать на то, является ли браузер Google Chrome и какая у него версия.

Думаю, пока рано бояться багов Хрома, но заранее знать как с ними бороться все же не помешает.

Успехов!

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

<< читать дальше >>

SQL Buddy – это замечательное веб приложение, предназначенное для администрирования MySQL баз данных. Это приложение примечательно тем, что оно повсюду использует AJAX, что делает работу с приложением чрезвычайно быстрой.

Возможности приложения

• Простота установки – просто разархивируйте дистрибутив SQL Buddy на веб сервер, и вы готовы к работе.
• Полный контроль над пользователями – вы можете создавать, удалять, назначать права пользователям и др.
• Удобство просмотра данных – данные отображаются в колонках, размер которых можно изменять, а данные в них сортировать.
• Увеличение скорости загрузки – вместо того, чтобы постоянно перезагружать страницу, SQL Buddy использует AJAX, чтобы быстро загружать нужные данные. Кроме того, использование AJAX нисколько не повлияло на возможность пользоваться кнопками Назад/Вперед броузера, и добавлять страницы в закладки.
• Импорт и экспорт – вы можете легко импортировать или экспортировать ваши данные в csv или sql файл.

Домашняя страница проекта

jQuery Timers – это плагин который упрощает работу с JavaScript таймерами, добавляя три новые функции everyTime(), oneTime() и stopTime(). Чем же эти три функции удобнее, чем привычные нам стандартные setTimeout() и setInterval()? Во первых, в jQuery используются цепочки вызовов функций:

$('.controlled-interval', demos).find('.start').css("cursor", "pointer").click(function(){});

Используя jQuery Timers, вы сможете добавлять таймеры используя такую же модель вызова функций. Например:

$('myElement').find('ul').everyTime(1000, 'controlled', function() {
	alert("Таймер");
});

Во вторых, при использовании setTimout() и setInterval(), используется глобальная область видимости, то есть, указатель this ссылается на объект window. В случае с использованием одной из функций плагина jQuery Timers, указатель this ссылается на элемент, которому был присвоен таймер.

$("#myElement").oneTime(2000, function() {
	$(this).html("See?");
});

<< читать дальше >>