Ir para conteúdo

Arquivado

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

alisson00

mudar cores das celulas com eventos

Recommended Posts

:huh: oi pessoal, antes de tudo queria agradecer a todos. é minha primeira pergunta neste forum, entao se alguem puder me ajudar agradeço muito.gostaria de saber como se faz pra que as células das tabelas mudem de cor de acordo com os eventos do mouse. tentei usar CSS mas apenas o texto do link recebe a formatacao. gostaria de saber também como tornar esta célula um link, para que a pessoa nao precise clicar apenas no texto, mas sim em qualquer lugar da célula.obrigado :blink: :ph34r: alisson

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,Tenho esse codigo veja se serve! <script language="JavaScript"><!-- // © por SITENOVO - net comnnity // http://www.sitenovo.tk // sitenovo@ig.com.brfunction mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; }}function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; }} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} }function Switch(imgName, imgSrc){ if (document.images) { document[imgName].src = "http://lww.com/lwwimages/" + imgSrc; }}// --> </script> <table cellpadding="2"> <tr> <td> <table border="0" cellpadding="1" cellspacing="0" bgcolor="#003366" width="150"> <tr> <td> <table width="100%" cellpadding="5" cellspacing="0" border="0" class="BODY" bgcolor="#666666"> <tr> <td bgcolor="#CCCCCC" width="10"></td> <td class="toolcell" width="130" bgcolor="white" onMouseOver="mOvr(this,'#ffffcc');" onMouseOut="mOut(this,'#FFFFFF');"><a href="http://www.sitenovo.tk" target="_self" class="navstrip"><span class="botao">SITENOVO</span></a></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="1" cellspacing="0" bgcolor="#003366" width="150"> <tr> <td> <table width="100%" cellpadding="5" cellspacing="0" border="0" class="BODY" bgcolor="#666666"> <tr> <td bgcolor="#999999" width="10"></td> <td width="130" bgcolor="white" onMouseOver="mOvr(this,'#ffffcc');" onMouseOut="mOut(this,'#FFFFFF');"><a href="http://www.geocities.com/sitenovo/desaparecidos.html" target="_self" class="navstrip"><span class="botao">Desaparecidos</span></a></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr height="14"> <td height="14"> <table border="0" cellpadding="1" cellspacing="0" width="150" bgcolor="#666666"> <tr> <td> <center> <table width="100%" cellpadding="5" cellspacing="0" border="0" class="BODY"> <tr> <td bgcolor="#CCCCCC" width="10"></td> <td width="130" bgcolor="white" onMouseOver="mOvr(this,'#ffffcc');" onMouseOut="mOut(this,'#FFFFFF');"><a href="http://www.geocities.com/siteentrevista" target="_self" class="navstrip"><span class="botao">Entrevistas</span></a></td> </tr> </table> </center> </td> </tr> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="1" cellspacing="0" bgcolor="#003366" width="150"> <tr> <td> <table width="100%" cellpadding="5" cellspacing="0" border="0" class="BODY" bgcolor="#666666"> <tr> <td bgcolor="#999999" width="10"></td> <td width="130" bgcolor="white" onMouseOver="mOvr(this,'#ffffcc');" onMouseOut="mOut(this,'#FFFFFF');"><a href="http://www.geocities.com/sitenovo/enquetes.html" target="_self" class="navstrip"><span class="botao">Enquetes</span></a></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="1" cellspacing="0" bgcolor="#003366" width="150"> <tr> <td> <table width="100%" cellpadding="5" cellspacing="0" border="0" class="BODY" bgcolor="#666666"> <tr> <td bgcolor="#CCCCCC" width="10"></td> <td width="130" bgcolor="white" onMouseOver="mOvr(this,'#ffffcc');" onMouseOut="mOut(this,'#FFFFFF');"><a href="http://www.geocities.com/sitenovo/tempo.htm" target="_self" class="navstrip"><span class="botao">Clima tempo </span></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table>Aproveite e entre no meu iste e lá você tem a seção codigos, e tem esse e outros scripts lá, é de graça!!http://www.sitenovo.tk[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

valeu cara..deu certinho.. brigadao...vo da uma olhada nesse seu site....t+ e brigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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