Архив Тэгов: jQuery

Datepicker: цепляем к SPAN и ему подобным

Доброго времени суток.

Возникла необходимость прицепить datepicker к элементу, отличному от input.

Решил проблему следующим образом: повесил обработчик click на элемент, в котором надо менять дату, и обработчик change на элемент input, которому быдует вызываться datepicker. Воспользовался тем, что datepicker вызывается событием onFocus.

Вот собственно сам код.

<span id="datepickerSpan">01.01.1970</span><input id = "datepicker" hidden/>

Код JS тоже простой:

$("#datepickerSpan").click(function () {
    $("#datepicker").focus();
});

$("#datepicker").change(function () {
    $("#datepickerSpan").html($("#datepicker").val());
});

А тут пример как работает. Надеюсь кому-нибудь пригодится :)

Jeditable — плагин для jQuery. «Редактируйте на месте»

Доброго времени суток.

По работе столкнулся с этим плагином — jeditable. Крайне удобная штука! Позволяет редактировать блоки текста прямо на странице. Ни одного русского мануала не нашел и решил сделать перевод сам. Надеюсь кому нибудь пригодиться.

Сильно не пинайте если где перевод не совсем художественный — старался больше передать суть :) Делить не стал — так мне кажется изучать удобнее.

Статья находиться ЗДЕСЬ.

Буду рад Вашим комментариям. Любым :) Это мой первый перевод.

FullCalendar: продолжительность рабочей недели

Доброго времени суток.

Спасибо за этот плагин jQuery автору сайта FullCalendar.

Плагин хорош, но мне потребовалось задавать размер рабочей недели. Для этого надо добавить еще один параметр в опции календаря. Назовем ее weekLong. Добавим само свойство:

var defaults = {
    ...
    weekLong: 5;
    ...
}

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

Почти в каждой функции

function render(date,delta)

есть в конце среди параметров последней вызываемой функции цифра 5, которая как раз и означает 5-ти дневную рабочую неделю.

Необходимо полностью заменить условие, содержащее эту цифру на

opt("weekLong")

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

Вот и все. Подобным путем можно добавлять любые параметры, которые Вам необходимы.

FileUploader: настройка и «доведение до ума»

Доброго всем времени суток.

Когда возникла необходимость загружать файлы на сервер в одном из проектов, первым делом я обратился к Google’у. Использование AJAX было основным из условий. Наткнулся в итоге на сайт Andrew Valums, который как раз озадачился в один прекрасный момент написанием плагина для загрузки файлов на сервер с использованием AJAX. Далее собственно и пойдет речь об этом плагине. читать далее »

Яндекс.Метрика