Вы, наверняка, хоть раз сталкивались с задачей сделать блок контента, заключенный в DIV, кликабельным.
Итак, как же это делается?
HTML-код трюка:
1 |
<div onclick="location.href='Гиперссылка';" style="cursor: pointer;"></div> |
Style-параметр превращает курсор мыши в привычный для гиперссылок «пальчик» при наведении на кликабельный DIV.
Если мы используем JQuery, мы могли бы сделать что-то вроде:
1 2 3 4 |
<div> <h3> Пучок </h3> < href="http://google.com"> материал здесь </> </div> |
1 2 3 |
$(document).delegate("div", "click", function() { window.location = $(this).find("a").attr("href"); }); |