para alterar a cor de um <td> após clicar

[pfonseca 0]

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>

[thiagocs 0]

<td onClick="this.style.backgroundColor='red';">

[pfonseca 0]

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.

[alicacwb 0]

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

[alicacwb 0]

<!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>

tá aí...

 

Alica CWB

[pfonseca 0]

Obrigado!