Как сделать весь div ссылкой?

Question

[hujak_hujak]

Здравствуйте, вот пример codepen.io/anon/pen/bEzdyy

Как по уму сделать див ссылкой?
В моем случае я покрываю весь див прозрачным слоем . Это вообще корректно? А если в этом блоке "про...

Comments

[staseviches]

Событие onclick для дива пропиши

[hujak_hujak]

Упс, В моем случае я покрываю весь див прозрачным слоем тега а . Это вообще корректно? А если в этом блоке "производитель" будет тоже ссылкой, его нужно будет абсолютно пиозиционировать и ставить выше индекс?

[deleted-SelenIT2]

Вот если производитель будет ссылкой — тогда сложнее. А оно точно надо, чтоб разные части одной сплошной кликабельной области вели в разные места? Может, стоит еще лучше подумать над интерфейсом?

Answer 1

[Андрей Федоров]

Может быть принято за кликджекинг...
Сделайте так:

<div onmousedown="javascript:location.replace('<ваша ссылка>');"></div>

минусы:
1. Не индексируется ПС, ну или как минимум плохо индексируется.
2. Не сохраняет в истории страниц текущую страницу. Чтобы работала кнопка "назад" в браузере, нужно усложнить js-код.

Внутренюю ссылку размещаем так:

<div onmousedown="javascript:location.replace('<ваша ссылка>');">
  <a href="#" onclick="javascript:event.stopPropagation();">вторая ссылка</a>
</div>

Comments

[Андрей Федоров]

SelenIT2: я там вам ответил, в комментарии к вашему ответу.

[zooks]

Так лучше не делать - говнокостыль.

[Андрей Федоров]

zooks, Не согласен - критикуй, критикуешь - предлагай, предлагаешь - делай, делаешь - отвечай! (с) Королев С.П.

[zooks]

Андрей Федоров, "Если мне не нравится, что купленный батон хлеба криво испечен — надо встать у конвейера на хлебзаводе? У DVD хреновые мастеринг и печать — устроиться на завод специалистом по репликации? Если хирург дерьмово провел операцию — взять скальпель и поковыряться в себе самостоятельно?" (с) Номад.

А вообще коммент год назад дан. Забудьте о всяких onmousedown и onclick, выносите все скрипты в отдельный js-файл в листенеры.

В примере нужно просто обернуть дивку в тег <a>