Onclick

maxefect · 20.02.2012, 23:41

Вообщем скажите я правильно сделал?
--------------------------------------------------
есть <td id="img"></td>

В стилях
img {background: url(...) no-repeat}
img:hover {background: url(...) no-repeat}

Теперь для этого дива надо чтобы он по клику перешел на другую страницу! Как это сделать

Может можно что-то с OnClick к <td> добавить

Внутрь td ничего нельзя вкладывать!
--------------------------------------------------

может как то можно вместо подгрузки фона для td

<td><img></td> - Вот только теперь как при наведении. чтобы появлялась другая картинка!
Тогда как в этом случае использовать :hover

pakrastys · 21.02.2012, 01:40

Думаю что лучше всего исползовать jQuery.
Где то так:
---
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jquery</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style>
td#img {background: #ddd url(img_bg.jpg) no-repeat}
td#img:hover {background: red url(img_bg_hover.jpg) no-repeat}
</style>

</head>

<body>
<table border="1" cellpadding="6">
<tr><td id="img"></td><td>...</td><td></td></tr>
<tr><td>...</td><td></td><td></td></tr>
<tr><td></td><td></td><td>...</td></tr>

</table>

<script>

$('#img').click(function(){
window.location = 'http://www.google.com';
return false;
})

</script>
</body>
</html>

maxefect · 21.02.2012, 14:14

Что то не кликает(

Добавлено через 15 минут

Все равно спасибо, что не прошли мимо!

сделал так:

Код HTML:

<tr><td width="80px"><a class="pic" href="default.asp" title="перейти на главную"></a></td>

Код HTML:

a.pic {background: url(../img/win7/pysk.png) no-repeat; display: block; height:40px; width:80px}
a.pic:hover {background: url(../img/win7/pysk1.png) no-repeat; display: block; height:40px; width:80px}

UDAV · 22.02.2012, 10:40

Цитата:

Сообщение от maxefect

Теперь для этого дива надо чтобы он по клику перешел на другую страницу!

У тебя не див, а ячейка ведь.

Делается так:
<td id="img" onclick="location.href='index.php'"></td>
и никаких jquery для таких простых задач подключать не надо.

В стилях не забудь руку добавить: cursor:pointer;

maxefect · 22.02.2012, 17:02

UDAV

спасибо за совет))
А есть какой нибудь интересный источник, чтобы посмотреть все значения onclick в применении

PS: насчет дива - да я тут описался и td назвал дивом(

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
метод кнопки onclick	boot	HTML, CSS, JavaScript	9	30.04.2007 16:16
Из HTML заменить Flash ролик другим по onClick?	Aldes	Технологии Flash	4	06.09.2003 15:55

20.02.2012, 23:41	#1
maxefect	Вообщем скажите я правильно сделал? -------------------------------------------------- есть <td id="img"></td> В стилях img {background: url(...) no-repeat} img:hover {background: url(...) no-repeat} Теперь для этого дива надо чтобы он по клику перешел на другую страницу! Как это сделать Может можно что-то с OnClick к <td> добавить Внутрь td ничего нельзя вкладывать! -------------------------------------------------- может как то можно вместо подгрузки фона для td <td><img></td> - Вот только теперь как при наведении. чтобы появлялась другая картинка! Тогда как в этом случае использовать :hover

21.02.2012, 01:40	#2
pakrastys	Думаю что лучше всего исползовать jQuery. Где то так: --- <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>jquery</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <style> td#img {background: #ddd url(img_bg.jpg) no-repeat} td#img:hover {background: red url(img_bg_hover.jpg) no-repeat} </style> </head> <body> <table border="1" cellpadding="6"> <tr><td id="img"></td><td>...</td><td></td></tr> <tr><td>...</td><td></td><td></td></tr> <tr><td></td><td></td><td>...</td></tr> </table> <script> $('#img').click(function(){ window.location = 'http://www.google.com'; return false; }) </script> </body> </html>

21.02.2012, 14:14	#3
maxefect	Что то не кликает( Добавлено через 15 минут Все равно спасибо, что не прошли мимо! сделал так: Код HTML: <tr><td width="80px"><a class="pic" href="default.asp" title="перейти на главную"></a></td> Код HTML: a.pic {background: url(../img/win7/pysk.png) no-repeat; display: block; height:40px; width:80px} a.pic:hover {background: url(../img/win7/pysk1.png) no-repeat; display: block; height:40px; width:80px} Последний раз редактировалось maxefect; 21.02.2012 в 14:14.. Причина: Добавлено сообщение

22.02.2012, 17:02	#5
maxefect	UDAV спасибо за совет)) А есть какой нибудь интересный источник, чтобы посмотреть все значения onclick в применении PS: насчет дива - да я тут описался и td назвал дивом(