Ir para conteúdo

POWERED BY:

Arquivado

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

rwar

tabela inteira como link

Por , em Javascript

Recommended Posts

rwar    0

rwar
Postado

Estou querendo fazer com que uma tabela inteira funcione como um link, e não apenas o conteúdo de uma célula, por exemplo. O que eu fiz (mostro o código abaixo - há php para mostrar o conteúdo) funciona muito bem no Firefox, mas estou encontrando dificuldades para que funcione também no IE.

 

Uma observação a ser feita é que, no caso do IE, quando coloco o mouse sobre uma tabela, aparece o link na barra de status, porém a flecha não se transforma na "mão", como é de praxe.

 

Há algum ponto em que estou me perdendo?

 

<div id="centro" style="position:absolute; left:199px; top:88px; width:329px; height:396px; z-index:1; visibility: visible">  <table width="329" border="0" cellspacing="0" cellpadding="0"><?	$dir_img = "../icones/";	$sql =	"SELECT id_perfil, nome_perfil, descricao_perfil, imagem_perfil FROM csi_perfil WHERE ind_visivel_perfil=1 ORDER BY nro_ordem_perfil";	$rs = new query($conn, $sql);	while ($rs->getrow()) {?>  <tr>       	 <td class="cidadao_01"><a href="../servicos/servico_perfil.php?id_perfil=<?=$rs->field("id_perfil")?>">    <table cellpadding="0" cellspacing="0">    <tr>   	 <td width="136" height="108" align="left" valign="middle">      <img src="<?=$dir_img.$rs->field("imagem_perfil")?>" width="136" height="108" border="0">   	 </td>   	 <td height="108" width="193" background="../imagens/portalrs_07.gif" align="center" valign="middle">       <table width="175" border="0" cellspacing="0" cellpadding="3">      <tr>      	 <td class="cidadao_01"><a href="../servicos/servico_perfil.php?id_perfil=<?=$rs->field("id_perfil")?>"><?=$rs->field("nome_perfil")?></a></td>      </tr>      <tr>     	 <td class="texto01"><?=$rs->field("descricao_perfil")?></td>      </tr>      </table>   	 </td>    </tr>    </table> 	 </a></td>  </tr><?	}	$rs->free();?>	</table></div>

P.S.: moderadores, desculpas se este não é o local exato para a pergunta, mas não encontrei outra sala melhor para perguntar. Se for o caso, peço que redirecione para a sala correta. Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dmarcosm    0

dmarcosm
Postado

Olá. Tudo bem?!Olha. Se eu entendi direito o que você deseja fazer, o código abaixo vai resolver seu problema. Segue código:

<html><head><link rel="Shortcut Icon" type="image/png" href="sdico.png"><script>	function redireciona(caminho) {		document.location = caminho;	}</script></head><body>	<table border=1	 onClick="redireciona('http://forum.imasters.com.br/');"		onMouseOver="this.style.cursor = 'pointer';"		onMouseOut="this.style.cursor = 'default';"	>		<tr>			<td>				Teste teste			</td>			<td>				Teste teste			</td>			<td>				Teste teste			</td>			<td>				Teste teste			</td>		<tr>		<tr>			<td>				Teste teste			</td>			<td>				Teste teste			</td>			<td>				Teste teste			</td>			<td>				Teste teste			</td>		<tr>	</table></body></html>

Ps. Funciona tanto no IE quanto no FF.Espero ter ajudado. Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Só uma observação: Não precisa do onMouseOver e o onMouseOut! Basta deixar o style! Assim:

<table border=1 onClick="redireciona('http://forum.imasters.com.br/');"style='cursor: pointer;'>

Frmz?? ;) FLOWWW!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

bacana dmarcosmtestei aqui e funcionou legal

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