• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Делаем блок div ссылкой
Делаем блок div ссылкой
workman
 		Вторник, 10 Октября 2017, 18:06 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Вот таким не хитрым способом мы с вами можем сделать блок div гиперссылкой.
Код
<div class="class" onclick="location.href='Ваша ссылка';"></div>

Ну или если у кого имеется таблица то можно также сделать ячейку гиперссылкой
Например так:
Код
<table>
<tr>
<td onclick="location.href='Ваша ссылка';">Содержимое ячейки</td>
</tr>
</table>
Страна: (RU)
Kosten
 		Вторник, 10 Октября 2017, 19:21 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
workman, так это ссылка на открытие страницы.
Страна: (RU)
workman
 		Вторник, 10 Октября 2017, 20:57 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Цитата Kosten ()
так это ссылка на открытие страницы.

Ну если кому нужно перейти на другую страницу с описанием то как раз этот вариант подходит.
Например у меня на странице с прайс листом, ячейка стоит на открытие ajax окна с картинкой примерно на таком вызове
Код
<table>
<tr>
<td onclick="location.href='мой сайт/#win1';">Содержимое ячейки</td>
</tr>
</table>
Страна: (RU)
Kosten
 		Вторник, 10 Октября 2017, 21:06 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
workman, здесь нужно клик добавить при наведение.
Страна: (RU)
-SAM-
 		Среда, 11 Октября 2017, 09:04 | Сообщение 5
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
« 597 »
Код
<style>[onclick] {cursor:pointer}</style>


Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
workman
 		Среда, 11 Октября 2017, 13:13 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
или
Код
onclick="location.href='мой сайт/#win1'; style="cursor:pointer"

так как в общие стили ставить не всегда получается, дабы onclick может отвечать и за другой курсор на сайте
Например http://htmlbook.ru/css/cursor
Страна: (RU)
workman
 		Среда, 11 Октября 2017, 15:11 | Сообщение 7
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Чем этот способ еще удобен. Бывает так что картинку LOGO мы пишем в стилях ив самом шаблоне ставим примерно так
Код
<div class="logo"></div>
и вот чтобы сделать ее тоже кликабельной то как раз прописываем
Код
<div class="logo" onclick="location.href='http://zornet.ru/';" style="cursor:pointer"></div>

Сообщение отредактировал
workman - Среда, 11 Октября 2017, 15:12
Страна: (RU)
Kosten
 		Среда, 11 Октября 2017, 18:15 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
Где то споллер изображением делал, что работает на BB кодах, на форуме его ставил, в скриптах есть.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Делаем блок div ссылкой
  • Страница 1 из 1
  • 1
Поиск: