Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos!!Tenho o seguinte código em baixo, que funciona tipo âncora(ao clicar em cada uma das letras, faço aparecer a informação correspondente à letra), o que precissava e não estou a conseguir é que ao clicar numa letra qualquer a cor de fundo do <td> da respectiva letra alterase.Agradeço imenso a ajuda prestada.<table width="246" height="53" cellspacing="0" cellpadding="0" border="0" class="tb_border_drt"><tr><td align="right"><table width="212" cellspacing="2" cellpadding="2" border="0" bgcolor="#FFFFFF"><tr><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#A" target="glossario">A</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#B" target="glossario">B</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#C" target="glossario">C</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#D" target="glossario">D</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#E" target="glossario">E</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#F" target="glossario">F</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#G" target="glossario">G</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#H" target="glossario">H</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#I" target="glossario">I</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#J" target="glossario">J</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#K" target="glossario">K</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#L" target="glossario">L</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#M" target="glossario">M</a></td></tr><tr><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#N" target="glossario">N</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#O" target="glossario">O</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#P" target="glossario">P</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Q" target="glossario">Q</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#R" target="glossario">R</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#S" target="glossario">S</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#T" target="glossario">T</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#U" target="glossario">U</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#V" target="glossario">V</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#W" target="glossario">W</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#X" target="glossario">X</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Y" target="glossario">Y</a></td><td align="center" bgcolor="#FFF6E2"><a href="/glossario/glossario.php#Y" target="glossario">Z</a></td></tr></table></td><td><iframe name="glossario" src="/glossario/glossario.php" width="246" height="235" marginwidth="0" marginheight="0" frameborder="0" scrolling="Auto"></iframe></td></tr></table>
Obrigado pela dica thiagocs,realmente é uma solução, mas o que realmente eu desejava era que ao clicar numa letra, apenas esse "<td>" ficaria com cor diferente(red), mas se depois clica-se noutra letra essa passaria o seu "<td>" para a tal cor(red), mas a que se tinha clicado anteriormente ficaria novamente com a cor do "<td>" original(#FFF6E2) e assim sucessivamente.O que pretendo realmente é salientar com cor diferente o "<td>" da letra que for clicada no momento.
hhuuummm eu tenho esse cod.. ehhehehe
no pc da minha house... hj de noite, ou amanhã eu posto aqui pra vcs !!!!
foi um que eu fiz com a santa ajuda do void... mto bom o script !!!
té +
Alica CWB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Menu</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript">cor = new Array();itens = new Array();subitens = new Array();links = new Array();var objvelho;cor[0] = '#F5ECE2';cor[1] = '#FFFFFF';itens[0] = "<strong>Novidades</strong>";itens[1] = "<strong>Administrativo</strong>";itens[2] = "<strong>Cadastro</strong>";itens[3] = "<strong>Comercial</strong>";itens[4] = "<strong>Organização</strong>";itens[5] = "<strong>Site</strong>";subitens[0] = "";subitens[1] = "Administrativo Adm Admisn";subitens[2] = "Cadastro";subitens[3] = "Comercial";subitens[4] = "Organização";subitens[5] = "Site"; links[0] = "";links[1] = "";aux = 0;// FUNÇÕES TROCAR A COR DO MENU function TrocarCor(t,mss){ if (objvelho != null) { objvelho.style.background=cor[1]; } objnovo = t; if (objvelho == objnovo) { objnovo.style.background=cor[1]; objvelho = null; doc.style.display = 'none'; }else { objnovo.style.background=cor[0]; objvelho = t; doc.style.display = 'block'; } if (mss == '0') { doc.style.display = 'none'; }} // FUNÇÕES CRIA MENU BUSCANDO DO ARRAY ITEMfunction menu(n){ if(aux==n){ e = document.all["item"+n]; e.innerHTML = ""; aux = 0; }else { if(aux!=0) { e = document.all["item"+aux]; e.innerHTML = ""; } aux = n; e = document.all["item"+n]; retornar = " "; vetor = subitens[n].split("|"); for(i=0;i<vetor.length;i++){ retornar += "" + vetor[i] + " "; }e.innerHTML = retornar;}} </script><body text="#000000" link="#000000" vlink="#000000" alink="#CC9966" leftmargin="5" topmargin="5" marginwidth="5" marginheight="5"><table width="962" border="0" cellpadding="0" cellspacing="1" bgcolor="#CC9933" class="textmenu"> <tr> <td><table width="100%" border="0" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF" class="textmenu"> <tr> <script language="javascript"> document.write("<td bgcolor=\"#FFFFFF\" align=\"center\" onclick=\"TrocarCor(this,'"+0+"');menu("+0+")\">"+itens[0]+"</a></td></tr></table>"); for(i=1;i<itens.length;i++) { document.write("<td bgcolor=\"#FFFFFF\" align=\"center\" onclick=\"TrocarCor(this,'"+i+"');menu("+i+")\">"+itens[i]+"</a></td>"); }</script></tr></table> <script language='javascript'>if (document.all){document.write('<div id=doc style=display:none;>')}</script><table width="962" border="0" cellpadding="0" cellspacing="0" class="tbmenu"> <tr> <script language="javascript"> for(i=0;i<itens.length;i++){ document.write("<td height=\"15\" bgcolor=\"#F5ECE2\" nowrap><font size=\"1\"><span name=item"+i+" id=item"+i+"></font></span></td>"); } </script> </tr></table><script language="javascript">if (document.all){document.write('</div>')}</script></table></body></html>Alica CWB
Obrigado!
<td onClick="this.style.backgroundColor='red';">