FancyBox – обзор плагина для jQuery…

Ex.clusive | 05.11.2010

FancyBox - обзор плагина для jQuery

На днях накопал весьма интересный для меня плагин для фреймворка jQuery, реализующий качественный и легко-настраиваемый “lightbox” с возможностью “связывания” картинок в единую галерею и прокрутки этой галереи при помощи колёсика мышки, а так же реализации фреймового модального окна для просмотра в нем простого текста, swf-анимации или другого сайта.

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

К основным преимуществам данного плагина относительно других примеров реализации эффекта “lightbox” на jQuery можно отнести:

  • выбор одного из трех эффектов открытия и закрытия бокса с картинкой;
  • возможность реализации мини-галереи изображений на странице;
  • возможность применения колесика мыши при просмотре галереи;

    • Читать далее »

Комментарии:
2 комментария(ев)»
Рубрика:
Веб-программирование
Метки:
, , ,
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (6 голосов, средний: 4.83 из 5)
Загрузка ... Загрузка ...

Ограничение количества символов в поле Textarea…

Ex.clusive | 01.09.2010

Ограничение количества символов в поле Textarea...

Наверняка, каждый веб-разработчик рано или поздно сталкивается с необходимостью проверки правильности заполнения форм. Один из главных этапов этой проверки – это допустимая длина содержимого различных полей. И если возможности языка разметки HTML позволяют ограничить длину содержимого полей типа “input”, то ограничивать длину содержимого полей “textarea” является невозможным без использования дополнительных сценариев.

Приведу достаточно простой пример сценария, написанного на JavaScript, позволяющего контролировать ввод содержимого в такие поля, автоматически блокировать возможность заполнения при достижении определённой длины уже введённого содержимого и выводить в нужном месте счётчик количества символов. Функция достаточно универсальная, так как в качестве параметров в неё передается 3 значения: “id” поля, ввод в которое необходимо контролировать; “id” элемента, в котором требуется выводит счетчик символов и, собственно, значение максимальной длины содержимого проверяемого элемента (количество допустимых символов).

JavaScript – сценарий

Для начала, необходимо объявить и описать функцию, которая и будет выполнять все необходимые операции. Вставлять её можно в любое место между тегами <head></head> или <body></body>, либо вынести в отдельный подключаемый файл…

Читать далее »

Комментарии:
7 комментария(ев)»
Рубрика:
Веб-вёрстка
Метки:
, ,
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (2 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...

Кроссбраузерное добавление страницы в закладки…

Ex.clusive | 30.07.2010

Кроссбраузерное добавление страницы в закладки...

Недавно столкнулся с необходимостью написания небольшой javascript-функции для добавления страницы в закладки (“Избранное”), которая бы адекватно воспринималась как минимум тремя основными браузерами: FireFox, Opera, Internet Explorer.

Разработка скрипта

Изучив основные функции, существующие для достижения этой цели в отдельных браузерах и несколько готовых примеров, попытался собрать всё в кучу и написать простой, компактный, но, при этом, действенный код. При написании так же учитывал реализацию возможности как автоматического определения текущего url и заголовка открытого документа, так и возможность установки фиксированного адреса и описания для закладки.

<script>function addBookmark(x)
{
var url = location.href;
var title = document.title;
//url = "http://exclusiveblog.ru";
//title = "Палитра тишины - Заметки, находки, работы…";
if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function"))
	window.sidebar.addPanel (title, url, "");
else if (typeof window.external == "object")
	window.external.AddFavorite(url, title);
else if (window.opera)
{
	x.href=url;
	x.title=title;
	x.rel = "sidebar";
	return true;
}
else
	alert("Для добавления закладки вручную нажмите Ctrl+D");
return true;
}
</script>

Код функции, как любой другой javascript-сценарий, можно вставлять непосредственно в html-код страницы перед ссылкой добавления закладки, либо, по необходимости, можно вынести во внешний файл, подключаемый посредством <script scr=”…”>.

Раскомментировав строчки 5-6, можно установить…

Читать далее »

Комментарии:
14 комментария(ев)»
Рубрика:
Веб-вёрстка
Метки:
,
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (1 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...
Страниц: 1