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

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

27.04.201521522

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

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

Установка

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

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

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

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

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

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

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

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

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




Сохраните в социальную сеть
Комментарии (2)
Довольно не плохо получилось, благодарю!)
2
Андрей 21.06.2015 в 07:30Спам
Вполне пригодидся, спасибо.
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт