На днях мне пришлось разрабатывать сайт, в котором необходимо было сделать AJAX навигацию на Mootools. Естественно, нужно было сохранить возможность добавлять ссылки на страницы сайта в закладки и также сохранить поддержку кнопок Назад/Вперед в браузере. В общем типичная проблема для AJAX приложений. Ранее я писал, как сделать History при помощи YUI, однако, мне желательно было сделать все в Mootools, поэтому пришлось искать решения для этой библиотеки. После некоторых поисков я все же нашел подходящий скрипт на digitarald.de, совместимый со всеми основными браузерами (Internet Explorer 6+, Opera 9, Firefox 1.5+, Safari 2+), однако он написан под Mootools 1.11. Этот же скрипт, но переделанный под новую версию (Mootools 1.2), я нашел на aNobii Blog. Однако он тоже отказался работать, поэтому пришлось его немного переделать. В результате я получил вполне работоспособный скрипт, которым хочу поделиться с вами. Скачать его можно здесь.

Теперь о том как им пользоваться.

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

Vuzit – это online сервис, позволяющий добавлять pdf документы на веб страницы, причем для просмотра документов пользователю не требуется устанавливать pdf плагин в браузер. Для работы с сервисом используется JavaScript/AJAX, соответственно, управление просмотрищком – перелистывание страниц, масштабирование документов и прочее, можно осуществлять при помощи JavaScript.

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

Добавление скриптов JavaScript из плагинов Wordpress является не такой уж тривиальной задачей, как может показаться. Основной проблемой тут может быть то, что добавляемый вами скрипт может быть уже подключен либо может конфликтовать с другими плагинами.

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

jQuery Sparklines – это плагин для jQuery, который способен генерировать линейные графики в браузере используя данные, указанные либо в HTML, либо в JavaScript.

Плагин совместим со следующими браузерами: Firefox 2+, Safari 3+, Opera 9 и Internet Explorer 6 & 7.

Пользоваться плагином очень просто. Достаточно вызвать одну функцию, указав при этом необходимые опции:

$(selector).sparkline(values, options);

Параметр values указывает на значения, которые нужно отображать. Они могут быть переданы использую массив, либо могут быть получены прямо из HTML – в этом случае value должно иметь значение "html":

<span class="sparklines">1,2,3,4,5,4,3,2,1</span>
<span id="ticker"">Loading..</span>

$('.sparklines').sparkline('html');
$('#ticker').sparkline([1,2,3,4,5,4,3,2,1]);

Второй параметр функции – это опции, которые влияют на цвет графика, цвет фона, тип линии, ширину и т.д.:

$('#barchart').sparkline(myvalues, { type:'bar', barColor:'green' });

Плагин распространяется под новой BSD лицензией.

скачать

Для исправления старой проблемы с прозрачными PNG в IE 6, я часто пользовался скриптом IE PNG Fix, который использовал behavior для исправления этого бага. Этот скрипт благополучно исправлял как простые изображения, так и фоновые, однако одна проблема все же существует – это невозможность растягивать изображение при помощи background-repeat.

Вчера я узнал о новом скрипте Unit PNG Fix, который может исправлять прозрачность изображений и при этом растягивать их. Заметьте, не повторять изображение, а именно растягивать, потому что свойство filter не позволяет повторять элементы. Это конечно не идеальный вариант и не для всех фоновых изображений подойдет, но все же таким образом можно симулировать повторение. Этот скрипт использует JavaScript вместо behavior для исправления прозрачности.

Для того, чтобы работать с этим скриптом, его достаточно просто подключить – не нужно создавать никаких объектов или вызывать функций при загрузке:

<script type="text/javascript" src="unitpngfix.js"></script>

Как и аналогичные скрипты, он требует также пустой gif файл clear.gif (входит в дистрибутив). Размер скрипта всего 1 килобайт.

скачать