Как сделать целую DIV интерактивную гиперссылку. Смысл, я, по сути, хочу сделать:
<div class="myclass" href="example.com">
<div>...</div>
<table><tr>..</tr></table>
....
</div>
И всякий раз, когда кто-то нажимает мыши на myclass DIV, я хочу, чтобы вся DIV была интерактивной гиперссылкой.
Вы можете добавить onclick для JavaScript в div.
<div onclick="location.href='newurl.html';"> </div>
EDIT: для нового окна
<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;"> </div>
Вы можете поместить элемент <a> внутри <div> и установить его на display: block и height: 100%.
Вам просто нужно указать курсор как указатель, а не руку, поскольку указатель теперь является стандартом, поэтому здесь приведен пример кода страницы:
<div onclick="location.href='portable-display-stands.html';" id="smallbox">The content of the div here</div>
и пример CSS:
#smallbox {
cursor: pointer;
}
Итак, div теперь является кликабельным элементом, использующим "onclick", и вы подделали курсор с помощью CSS... работа выполнена, работает для меня!
Добавьте onclick в тэг DIV.
Это поздний ответ, но этот вопрос очень сильно проявляется в результатах поиска, поэтому он стоит отвечать правильно.
В принципе, вы не должны пытаться сделать div-clickable, а скорее сделать привязку div-like, указав тег <a> a display: block атрибут CSS.
Таким образом, ваш HTML остается семантически допустимым, и вы можете наследовать типичные поведения браузера для гиперссылок. Он также работает, даже если javascript отключен /js ресурсы не загружаются.
альтернативой будет javascript и пересылка через событие onclick
<div onclick="window.location.href='somewhere...';">...</div>
Почему бы вам просто не сделать это
<a href="yoururl.html"><div>...</div></a>
Это должно сработать нормально и предложит изменить курсор "clickable item", который не будет выполнять вышеупомянутое решение.