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

Question

[Андрей]

Все доброго времени суток.

Задача стоит такая: автоматически цеплять требуемое изображение для ссылок исходя из формата документа, на которое ведет ссылка. Следовательно вопрос в этом: как это сделать?

Пример. Есть несколько типов документов:
- katalog.xlsx, ссылка на этот документ

<a href="doc/esco/katalog.xlsx" rel="alternate">Каталог</a>

И к нему нужно автоматически присваивать изображение
- katalog.pdf, ссылка на этот документ

<a href="doc/esco/katalog.pdf" rel="alternate">Каталог</a>

И к нему нужно автоматически присваивать изображение

Answer 1

[Андрей]

a[href$="xlsx"] {стиль...}
a[href$="pdf"] {стиль...}

Comments

[Андрей]

Спасибо timfcsm timfcsm

Answer 2

[coderisimo]

При формировании страницы PHP на сервере определяйте расширение и сопоставляйте с какими нужно картинками.
Можно и на клиенте на JS так же обходить все ссылки с нужным классом , читать их href , и в зависимости от расширения файла добавлять ссылкам нужный css класс , где будет прописана требующаяся картинка.

Comments

[coderisimo]

просто общая идея , например на JS (jquery)
$( "a" ).each(function() // перебираем все ссылки на странице
{
var my_href = $( this ).attr( "href" ); // это текст ссылки
далее вы определяете какое там расширение в конце, модифицируете ее ...
например, добавляете нужный класс :
$( this ).addClass( "pdf" );

});

[Adamos]

Определение MIME-типа на сервере все-таки понадежнее будет, чем парсинг расширения на клиенте. Но потяжелее. Тут от задачи зависит.

[Андрей]

coderisimo: Спасибо. Буду думать дальше.

[Андрей]

Adamos: Задача не такая глобальная по факту. Просто нужно все автоматизировать. Пишу код для Joomla. Что бы пользователь не морочил голову с выставлением классов для каждой ссылки.

[Adamos]

Андрей: добавьте таким ссылкам, для которых это будет работать, некий общий класс. Чтобы не было странностей, если вдруг на странице попадутся ссылки, которые не надо так обрабатывать.

[coderisimo]

Андрей: в случае использования JS вы вообще не трогаете серверный код.
Ну, или (если решите делать изменения на сервере) редактируете ту его часть , которая формирует список ссылок.

[coderisimo]

Adamos: так вроде я об этом и писал :
"Можно и на клиенте на JS так же обходить все ссылки с нужным классом.... " ))

[Андрей]

Adamos: Это понятно. Так дело за малым. Секунда - и класс готов. И в стандартном редакторе просто указать класс для ссылки. Да вот проблема - юзер, который только способен сделать ctrl+c и ctrl+v в остальном просто не "Алё". К сожалению. Вот и приходится искать пути обхода этой проблемы.

[Adamos]

Андрей: ну, не обязательно присваивать класс самой ссылке. Достаточно, чтобы специальный класс был у материала, в котором встречаются такие ссылки, которые надо обрабатывать.

[timfcsm]

если вас интересует расширение, то можно вообще не париться, а написать в css стили для расширений:
a[href$="xlsx"] {стиль...}
a[href$="pdf"] {стиль...}

[Андрей]

Тимур: Огромное спасибо! Сработало. А я иначе делал a [href="xlsx"] без символа $