Кликабельный DIV

Когда нужно осуществить открытие какой-либо страницы по нажатию на целую таблицу или же блок, наполненный контентом разного рода, тогда-то и нужен кликабельный DIV. Включим логику: нам нужно сделать заключенную в DIV область кликабельной, т.е. при нажатии должна открываться веб-страничка. Для этого нужно обратиться к событию onclick на JavaScript, и прописать туда действие, смену адреса страницы. Конечно, нужно обозначить, что область кликабельна: пропишем в CSS курсор как у ссылок.

Код

<div onclick="location.href='https://yraaa.ru';" style="cursor: pointer;"> <h3>Заголовок к примеру</h3> <a rel="nofollow" href="http://google.com">Ссылка на Google, например</a> </div>

Есть альтернативный вариант, но он требует JQuery. Это не плохо. Визуально все то же самое, но для просматривающих код страницы, возможно, это покажется удивительным. Но это в том случае, если Вы поместите скрипт подальше от кода самого блока. У самого тега DIV нет балласта, т.е. событие задается отдельно. И при этом самая главная изюминка здесь в том, что ссылка берется из лежащей внутри «дивки» ссылки.

Код

<div id="yt2"> <h3>Заголовок к примеру</h3> <a rel="nofollow" href="http://google.com">Ссылка на Google, например</a> </div> <script type="text/javascript"> /*JQuery*/ $(document).delegate("div#yt2", "click", function() {//находим сам див window.location = $(this).find("a").attr("href");//ссылка в диве }); </script>

Если JQuery не установлен, воспользуйтесь следующим кодом:

<script type="text/javascript" src="//yraaa.ru/test/9/img/jquery-1.3.2.min.js"></script>