- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Javascript: colorare cella con link
-
Javascript: colorare cella con link
Salve a tutti!
Ho un problemino, a dire la verità non ricordo più come si fà:bho: e me ne vergogno un pò! Cmq, devo far cambiare colore alla cella di una tabella all'interno della quale c'è un link e devo farglielo fare sull'onclick. Poi nel momento in cui si clicca su un altro link questa deve tornare al suo colore originale e deve colorarsi l'altra cella. Lo so che non è un problema irrisolvibile, ma ho veramente la mente annebbiata e non ricordo più come si fa!!!:x
-
semplice esempio...
<style> .verde { background:#00FF00; } .rosso { background:#FF0000; } </style> <script> function colora(id) { elemento_cont = document.getElementById('tabella'); elementi = elemento_cont.getElementsByTagName('td'); for(i=0;i<elementi.length;i++) { if(elementi*.id == id) { document.getElementById(elementi*.id).className = "rosso"; } else { document.getElementById(elementi*.id).className = "verde"; } } } </script> <table id="tabella"> <tr> <td id="c0"><a href="#" onClick="colora('c0');">A</a></td> <td id="c1"><a href="#" onClick="colora('c1');">B</a></td> <td id="c2"><a href="#" onClick="colora('c2');">C</a></td> </tr> <tr> <td id="c3"><a href="#" onClick="colora('c3');">D</a></td> <td id="c4"><a href="#" onClick="colora('c4');">E</a></td> <td id="c5"><a href="#" onClick="colora('c5');">F</a></td> </tr> <tr> <td id="c6"><a href="#" onClick="colora('c6');">G</a></td> <td id="c7"><a href="#" onClick="colora('c7');">H</a></td> <td id="c8"><a href="#" onClick="colora('c8');">I</a></td> </tr> </table>
Fammi sapere!
-
Grazie Mille! Appena possibile provo e ti faccio sapere
-
Funzionare, funziona...
solo che purtroppo quando faccio click sull'oggetto contenuto nella cella (nel caso un img) effettua un refresh della pagina per cui l'effetto sparisce.....
-
al posto del # nel href, metti "javascript: void(0);"
-
non posso farlo perchè è un link effettivo. Ora ti spiego: sto lavorando su un template di joomla, quindi al click fa il refresh della pagina per collegarsi ad un altro componente lasciando immutati i menù e variando il corpo centrale.
Ti prego non chiedermi perchè sto usando joomla, non è una mia scelta!!
-
perchè usi joomla!??!?!!? heheheh
tu quando ricarica la pagina, setti la cella diversa....
così che la cella che avevi cliccato prima, rimanga settata...ma forse non ho capito bene quello che volevi!
-
No penso che tu abbia capito, ma non ho capito io il tuo suggerimento ora!
-
più che altro non capisco come stai utilizzando lo script, quindi vado un po alla cieca...
tu hai 2 stadi giusto, cliccato e non...
quando entri in una pagina, setti quello che avevi cliccato prima come stato cliccato, e sei a posto!
-
Ok sono riuscito!! Grazie! Come pensavo il problema non dipendeva dal tuo script ma da una dei sorgenti php di joomla. Grazie mille per il tuo aiuto ;->