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

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

15.10.201155225

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

Код



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

Код



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




Сохраните в социальную сеть
Комментарии (5)
Гость 17.10.2011 в 09:46Спам
а не легче заключить блок в <a ...></a>?
-2
Гость 17.10.2011 в 13:13Спам
Самый умный? Тут и пишется об этом, что в "<a ...></a>" фиг ты заключишь таблицу или списки какие-нибудь.
0
Гость 17.10.2011 в 19:54Спам
у меня div-блоки прекрасно кликабельны таким образом!
0
Гость 18.10.2011 в 12:38Спам
Это не правильно по синтаксису, во-первых, а во-вторых - не во всех браузерах это работает... Тому подтверждение: <a href="ссылка"><div><table><tr><td>1</td><td>2</td></tr></table></div></a> Так делать нельзя
2
Руслан 25.01.2013 в 15:21Спам
Можно только с помощью css и html без скриптов
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт