Как сделать не активную ссылку на главной?

Question

[Дмитрий]

Добрый день, подскажите, пожалуйста, как сделать так:
1. Есть главная страница с логотипом с a href на главную
2. Есть страница контакты, так же с логотипом с a href (если нажать попадаешь на главную)
Как сделать так что если мы находимся на главное то ссылка не работает, а если переходим на страницу контакты, то ссылка активна и мы можем перейти на главную!

Comments

[lamer350]

Это нужно решать на беке, а не на фронте...

[Владимир]

На сервере php, или что там заменить ссылку на span к примеру, а в стилях придать внешний вид какму ссылок

[granty]

1. На сервере:

if ( $_SERVER['REQUEST_URI'] =='/' )
       { логотип без ссылки }
else { логотип-ссылка }

2. В браузере можно сделать переход на главную не ссылкой, а сделать кликабельную картинку яваскриптом (и в CSS стилях сделать ей cursor:pointer):

<img src="/logo.png" onClick="if (window.location.pathname !='/') window.location.href='/';" style="cursor:pointer;">

PS: Я бы не заморачивался - "убирание ссылки" ничего не даст, кроме написания ненужного кода.

[Дмитрий]

granty, Спасибо!

[granty]

Дмитрий, когда будете принимать решение - имейте в виду, что "картинка в ссылке":

<a href='/'><img src='logo.png' alt='интернет-магазин антиквариата'></a>

эффективнее в плане SEO, если у неё прописал атрибут alt='...'. В этом случае Яндекс и Гугль используют текст из alt в качестве анкора ссылки, и будут передавать вес по этому ключу на главную страницу (только не спамьте ключами!).

Также у картинки можно прописать атрибут title='...' - он используется в поиске по изображениям в Яндексе.

[Дмитрий]

granty, спасибо за помощь!

Answer 1

[MamaLuyba]

убрать значение href на главной, нет? еще можно через js смотреть значение url страницы и отсюда плясать. можно клики обрабатывать. да много что можно. но лучше просто убрать href.

Comments

[Дмитрий]

Все страницы динамически подгружаются, хотел бы решение js увидеть, как можно сделать

[MamaLuyba]

Дмитрий, через window.location.href получаем адрес страницы. в нем ищем 'contacts', например. если находим - значит это страница с контактами, всё норм. если нет, берем элемент, в котором у нас лежит логотип и этому элементу выставляем значение href="#". чтоб наверняка, функцию поиска лучше поместить в setInterval, и при нахождении искомого - интервал убивать.

Answer 2

[Ян]

лучше такое решать на бэке всё таки, однако можно проверять по location.pathname, если он не равен '/' - значит вы не на главной