Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Onclick

Обсуждение темы Onclick в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вообщем скажите я правильно сделал? -------------------------------------------------- есть <td id="img"></td> В стилях img {background: url(...) no-repeat} img:hover {background: url(...) no-repeat} Теперь для этого дива ...


Закрытая тема
 
Опции темы
Старый 20.02.2012, 23:41   #1
Вообщем скажите я правильно сделал?
--------------------------------------------------
есть <td id="img"></td>

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

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

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

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


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

<td><img></td> - Вот только теперь как при наведении. чтобы появлялась другая картинка!
Тогда как в этом случае использовать :hover
 
Старый 20.02.2012, 23:41
Ссылки
Старый 21.02.2012, 01:40   #2
Думаю что лучше всего исползовать 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
Что то не кликает(

Добавлено через 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, 10:40   #4
Цитата:
Сообщение от maxefect Посмотреть сообщение
Теперь для этого дива надо чтобы он по клику перешел на другую страницу!
У тебя не див, а ячейка ведь.

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

В стилях не забудь руку добавить: cursor:pointer;
 
Старый 22.02.2012, 17:02   #5
UDAV

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

PS: насчет дива - да я тут описался и td назвал дивом(
 
Старый 22.02.2012, 17:02
Закрытая тема


Опции темы


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


Текущее время: 12:43. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум