как сделать ссылку по onClick
 

Вопрос такой.
Надеюсь что тривиальный.
Хочу значит сделать так чтобы щелкнув на ячейку таблицы
можно было перейти по ссылке.

Вообщето задача другая, она состоит в том, чтобы сделать кнопку, котрая имеет заранее сделанные рисуночки, а надпись ложится сверху текстом,
я подумал что если рисунки сделать бэкграундами в таблице 1х1, при omMouseOver onMouseOut их менять, то все будет как надо, текст кнопки просто вписываю в ячейку.

Но вот как по этому тексту щелкнуть ?
Если вместо текста положить сразу ссылка <a></a> то надо будет попасть точно по надписи, а хочется чтобы кнопка была больше надписи.

Наверняка многоуважаемый Алл Знает это все.

И заодно, как менять цвет надписи при наведении ?
или может ее можно еще и жирной делать, подчеркивать ?

Помогите! Хорошая штука и универсальная главное должна получится.

:D ;) :) :D ;) :) :rolleyes: :confused: :eek: :o :p ;) :) :D

Это всё можно, но только под ИЕ. Про НН забудь.

Почему про НН забыть ?
 

Сменяющиеся картинки и в НН также работают. Разве нет ?
А как ты говоришь можно сделать ?

Надо попробовать, ну если только IE значит судьба.

<td onmouseover="this.style.color='#FF0000'; this.style.backgroundColor='#0000FF'" onmouseout="this.style.color='#000000'; this.style.backgroundColor='#FFFFFF'" onclick="location='target.html'" style="color: #000000; background-color: #FFFFFF; cursor: Hand;">click here</td>
Ну и т.п.

Да да да ! Это именно то !
 

А вот это не получается..

this.style.background='2.gif' - Ошибку дает
this.style.backgroundImage='2.gif' - Ошибку дает
this.style.backgroundPicture='2.gif' - Ошибку НЕ_дает но и ничего не делает.


А можно поменять бэкграундную картинку ?

СПАСИБО !

this.style.background='url("bg.gif")';

У меня что то не получается.
 

<table><tr><td background="t.jpg" onmouseover="this.style.background='url("d.jpg")';" onmouseout="this.style.background='url("t.jpg")';">click here</td> </tr></table>

И так тоже
<table><tr><td background="t.jpg" onmouseover="this.style.background=url('d.jpg');" onmouseout="this.style.background=url('t.jpg');">click here</td> </tr></table>

Подскажи, SPV, в чем дело ?

С кавычками путанница! В принципе, кавычки в url() не обязательны:
<table><tr><td background="t.jpg" onmouseover="this.style.background='url(d.jpg)';" onmouseout="this.style.background='url(t.jpg)';">click here</td> </tr></table>

СПАСИБО ! ЗАРАБОТАЛО !
 

Уррра! Заработало !
Ух я теперь развернусь !

Но это не значит что вопросы иссякли ;)

Вопрос NEXT
Можно ли сделать так, чтобы произвольный штимльный код, был как бы подвешен в нужном месте над страницей. Есть например падающий снег, и листики, но там просто картиночка, а можно чтобы именно произвольное содержание (таблица например, с содержимым)

Это наверно пресловуте слои надо использовать ?

Общий принцип если кто расскажет, или ссылку на что то такое даст, буду очень рад.

Спасибо!

Тебе нужно, чтоб с небес сыпалось таблиц 20 с текстом... ;)

ЗЫ: Можно конечно и одну, но я как представил что вместо листьев/снежинок будут таблицы сыпаться, мне аж страшно стало... ;) :D

Так нужно чтоб сыпалось или чтоб сверху всегда стояло (при скроллинге страницы) ???

Нет, конечно чтоб сыпались таблицы - это круто!
 

;)
Заходишь на сайт, а там таблицы сыплются - круто.
От похмелья я думаю быстро будет помогать. :D

Вообщето идея в том, чтобы всякую красоту вроде вышеизложенных кнопочек, запихать в табличку, эту табличку подвесить гденибуть сбоку или сверху, и наслаждаться дизайном.
Но не класть ее в фрейм.
И желательно еще, чтобы если уж рисуночки там с прозрачностью, то чтоб они просвечивали :eek: , и еще, и еще чтобы можно было заставить табличку двигаться, убегать от мышки, чтобы все это окончательно взбесило пользователя. :mad:


Броузер
==================================
+++++++++
+------------+
+------------+
+-Крысота+++++
+-неописуемая--+
+++++++++++++

Это страница великого и могучего
Василия Пупкина,
Который не может остановится, и все
украшает, украшает.

==================================

:)

Вот тут посмотри, думаю найдешь что нужно...

http://web.borda.ru/js/back_for_scroll.html

1. Делаешь красоту в слое и меняешь координаты, отлавливая событие onresize.
2. Да хоть полупрозачность - используй в стилях альфу.
3. Отлавливай onmousemove и убегай куда хошь!

Полез я искать учЁбник, а нашел вот енто.
 

http://www.kruglov.ru/klayers/russian.html
Ногами не пинать :p , если это все для дилетантов :eek: .
Но по мойму эту штука может облегчить жизнь.
По крайне мере можно на нее посмотреть.

Смотрели...
 

Я ее юзаю сам-тайм :) тока она уже при загрузке в ИЕ5 ошибку дает, там баги есть и тд...
Но если все пофиксить... То юзать не переюзать :D

Re: Смотрели...
 

Хочу пофиксенную уже! А то я не допру как что фиксить.

А вот <table><tr><td background="b1.jpg" onmouseover="this.style.background='url(b2.jpg)';" onmouseout="this.style.background='url(b1.jpg)';">click here</td> </tr></table> работает и в NN6 и IE 5

А как поменять бэкграунды в соседних ячейках ?
при наведении на центральную ?


1 | 2 | 3
-----------------------
| /=|======|=\ |
| | | BUTTON| | |
| \=|======|=/ |
-----------------------

Всем снова привет!
 

:) :( :o :mad: :rolleyes: :cool: :eek: :confused:

Снова Всем привет!
На основе ваших советов родилось вот это чудо-юдо.
В зипе примерчик кнопочки из таблички. Посмотрите и пожалуйста подскажите как улучшить.

Первый вопрос, это уменьшит трафик во время чтения картинок для кнопок. Как вы увидете в исходнике, для разных кнопок я использую одну и туже функцию preloadimage а хотелось бы сделать что-то вроде duplicateimage , для того чтобы даже не пытаться читать одно и тоже по два три раза. Я конечно понимаю что картинки эти могут кешироваться автоматически, но наверняка есть способ правильней. Второе - так это как бы вынести "this.style.background='url(bc.gif)';" в функцию. Как перенести в функцию THIS не знаю. И последнее. как менять фон другой ячейки, а не той над которой курсор (тоесть не THIS) и как менять чтото вообще в другой таблице. например чтобы при наведении на кнопку 1 загоралась и кнопка 2. Просто понять хочется. А вообще помойму очень удобная штка, если страница генерится из CGI . Ну все.

Всем Спасибо!

Ну как же всетаки к другой таблице обратится ?
 

:eek: :confused: :eek:

Да обзови её как-нибудь (name="tbl") и обращайся через имя (document.tbl).

ну вот... пофиксеная...
 

Только теперь бгКолор для дива не пашет (ну ето не беда можно через стиль прописать) :) и пофиксена она под меня... :)

Re: ну вот... пофиксеная...
 

Хм, простите, а автору про баги сообщить?