• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Веб-разработка » JavaScript — скрипты » Делаем ссылкой блок div (Как сделать DIV блок ссылкой - HTML, CSS)
Делаем ссылкой блок div
workman
 		Пятница, 16 Февраля 2018 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Минус в том что данная ссылкс веса не имеет и не индексируется
Код
<script type="text/javascript">$('.hidden-link').replaceWith(function() {
  return '<a href="' + $(this).data('link') + '">' + $(this).html() + '</a>';
})</script>
В блоке прописываете примерно так
Код
<div class="hidden-link" data-link="ссылка куда вести">содержание блока</div>

пример
Страна: (RU)
Kosten
 		Пятница, 16 Февраля 2018 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
« 555 »
workman, привет, кажется встречал на стилях такой эффект при клике.
Страна: (RU)
-SAM-
 		Пятница, 16 Февраля 2018 | Сообщение 3
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
« 595 »
Kosten, раздел про решения на JS. Вот еще первый вариант (или вот дубль в другом разделе).
Цитата workman ()
Минус в том что данная ссылка веса не имеет и не индексируется
Для внешних ссылок - как раз и нужно, посему минусом назвать нельзя (смотря для каких целей, короче говоря)... например, хорошо подойдёт для ссылок на источник материала (что ссылка кликательная для удобства пользователей и не даёт вес, допустим, что много материалов с какого-то сайта взято было, да и вообще).


Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".

Сообщение отредактировал
-SAM- - Пятница, 16 Февраля 2018, 19:22
Страна: (UA)
workman
 		Пятница, 16 Февраля 2018 | Сообщение 4
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Kosten, Привет.Фишка в том чтобы убирать нагрузку ссылочную по сайту то скипт ставится в низ сайта а далее прописывать только к дивам сами коды где надо
Страна: (RU)
Форум » Веб-разработка » JavaScript — скрипты » Делаем ссылкой блок div (Как сделать DIV блок ссылкой - HTML, CSS)
  • Страница 1 из 1
  • 1
Поиск: