Javascript: colorare cella con link

dragon

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

digital.daigor

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!

dragon

Grazie Mille! Appena possibile provo e ti faccio sapere

dragon

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

digital.daigor

al posto del # nel href, metti "javascript: void(0);"

dragon

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

digital.daigor

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!

dragon

No penso che tu abbia capito, ma non ho capito io il tuo suggerimento ora!

digital.daigor

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!

dragon

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