Cambiare bgcolor di una td

venerdì 22 ottobre 2010 - 13.39

tigre Profilo | Junior Member

ho una tabella con 3 colonne esempio

<td><a hrer=....>a</a></td> <td><a href=.....>b</a></td> <td> c</td>
vorrei che se clicco sull link dovrebbe colorarsi solo la td cliccata e le altre senza colore


alx_81 Profilo | Guru

>ho una tabella con 3 colonne esempio
>
><td><a hrer=....>a</a></td> <td><a
>href=.....>b</a></td> <td> c</td>
>vorrei che se clicco sull link dovrebbe colorarsi solo la td
>cliccata e le altre senza colore
ciao,
non so se è super ottimizzata e cross browser, l'ho testata solo con Chrome.. Però è javascript puro senza l'ausilio di jquery (altrimenti sarebbe stato molto più semplice ):

<html> <head> <script language="javascript" type="text/javascript"> function bgcolor(id_tabella, id_cella, colore) { // tolgo il background a tutte le celle (bianco) var tabella = document.getElementById(id_tabella); var righe = tabella.getElementsByTagName("tr"); for (i=0;i<righe.length;i++) { var celle = righe[i].getElementsByTagName("td"); for (j=0;j<celle.length;j++) { celle[j].bgColor = '#FFFFFF'; } } // imposto lo sfondo per la selezionata var cella = document.getElementById(id_cella); cella.bgColor = colore; } </script> </head> <body> <table id="tbl1"> <tr> <td id="td1"><a href="javascript: bgcolor('tbl1', 'td1', '#FF0000');">UNO</a></td> <td id="td2"><a href="javascript: bgcolor('tbl1', 'td2', '#FF0000');">DUE</a></td> <td id="td3"><a href="javascript: bgcolor('tbl1', 'td3', '#FF0000');">TRE</a></td> </tr> </table> </body> </html>

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5