• Страница 1 из 1
  • 1
Модератор форума: neok  
Значки форматов документов к ссылкам на jQuery
neok
Дата: Суббота, 02.05.2015, 12:32 | Сообщение # 1
Admin сайта Neok
Администраторы
Сообщения: «347»
Награды: «1» +
Замечания: «» +
Страна: Украина









Написал небольшой плагин, который определяет формат документа по ссылке и ставит нужный значок. Версия поверхностна, определяет не много форматов. Не знаю, насколько этот плагин важен. При проектировании шаблона образовательного учреждения, я подумал над тем, что на таких сайтах часто даются ссылки на различные документы, почему бы не сделать автоматический подбор значка к ним. Подобного плагина я не нашел, поэтому и решил сделать.

Вот что делает плагин:


Установка
1. Подключите библиотеку jQuery. На uCoz она установлена по умолчанию.

2. Загрузите на сайт и подключите jquery.documenticons.js. Вставьте следующий код в «Верхнюю» или «Нижнюю часть сайта»:

Код
<script src="/jquery.documenticons.js" type="text/javascript"></script>

3. Добавьте следующий код в «Таблицу стилей (CSS)»:

Код
.format {background:url('/format/file.png') 0px 1px no-repeat;padding-left:22px}
.p_pdf {background-image:url('/format/pdf.png')}
.p_doc {background-image:url('/format/doc.png')}
.p_image {background-image:url('/format/image.png')}
.p_txt {background-image:url('/format/txt.png')}
.p_xls {background-image:url('/format/xls.png')}
.p_ppt {background-image:url('/format/ppt.png')}


Использование
К ссылке, для которой нужно определить формат установите класс format, к ней будет подобран значок.

Код
<a href="http://site/file.doc" class="format">Это название документа>/a>

Сомневался в публикации этого материала, но все-таки добавил. Скрипт простой, не знаю, насколько он может быть полезным. Код все-таки сухой и его можно значительно сократить.

Автор yraa

Значки, форматов, документов, к, ссылкам, на, jQuery  



Админ этого сайта. Лежать стоять оп оп БАН!

Сообщение отредактировал
[ (UA) ]
  • Страница 1 из 1
  • 1
Поиск:



Хостинг от uCozЯндекс.Метрика