Архив Категории: JavaScript

JavaScript и сопутствующие технологии

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. Крайне удобная штука! Позволяет редактировать блоки текста прямо на странице. Ни одного русского мануала не нашел и решил сделать перевод сам. Надеюсь кому нибудь пригодиться.

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

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

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

Получение ссылки на видео ВКонтакте без использования программирования

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

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

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

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

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

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

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

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

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

function render(date,delta)

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

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

opt("weekLong")

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

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

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

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

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

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