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

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

02015-04-2725822Денис Абдуллин

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

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

Установка

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

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

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

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

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

Использование

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

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

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


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
Павел Новосёлов 2015-04-27 в 21:01Спам
Довольно не плохо получилось, благодарю!)
2
Андрей 2015-06-21 в 07:30Спам
Вполне пригодидся, спасибо.
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.