Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

::Porto

Seria utilizando OnClick?

Por , em Javascript

Recommended Posts

::Porto    0

::Porto
Postado

Olá Pessoal! Na tabela da página html abaixo: Como fazer com que ao clicar numa célula, direcione para um site qualquer? E se o link fosse feito ao clicar numa tabela? Agradeço antecipadamente a ajuda de todos. Um abraço. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

<html><head><title>Titulo</title><script language=javaScript> var Color_Out = "#ffffff"; var Color_Over = "#fff333"; function alteracor(This,Color) { if ((window.document.all) || (window.document.getElementById)) This.style.backgroundColor = Color; else if (window.document.layers) This.bgColor = Color; }</script></head><body><table align="center" width="500" border="1"> <tr> <td onMouseOver='alteracor(this,Color_Over)' onMouseOut='alteracor(this,Color_Out)' align="center">Link 1</td> </tr> <tr> <td onMouseOver='alteracor(this,Color_Over)' onMouseOut='alteracor(this,Color_Out)' align="center">Link 2</td> </tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

tygo    0

tygo
Postado

tu resolve a questão com css.

com css tu tem um código mais limpo, acessível ( coloque tabindex tbém )

e não precisa se preocupar com diferentes browsers no javascript.

 

olhe o css do código e o "Link 3"

 

<html><head><title>Titulo</title><script language=javaScript>var Color_Out = "#ffffff";var Color_Over = "#fff333";function alteracor(This,Color){if ((window.document.all) || (window.document.getElementById))This.style.backgroundColor = Color;else if (window.document.layers)This.bgColor = Color;}</script><style type="text/css"><!--a{display:block;text-align:center;text-decoration:none;color:#000;width:100%; /* tem q setar o width por causa do ie   */}a:hover{background-color:#fff333;}--></style></head><body><table align="center" width="500" border="1"><tr><td onMouseOver='alteracor(this,Color_Over)' onMouseOut='alteracor(this,Color_Out)' align="center">Link 1</td></tr><tr><td onMouseOver='alteracor(this,Color_Over)' onMouseOut='alteracor(this,Color_Out)' align="center">Link 2</td></tr>	<tr>	<td>		<a href="a.htm">Link 3</a>	</td>	</tr></table></body></html>

 

///

vale a pena ouvir sobre

desenvolvimento em camadas:

http://www.tableless.com.br/podcast-tablel...ento-em-camadas

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito