Visualizzazione dei risultati da 1 a 2 su 2

Discussione: selezione riga tabella

  1. #1

    selezione riga tabella

    salve a tutti, sto cerando di imlementare una tabella con le righe selezionabili, implemento cosi le righe della tabella:

    <TR onclick="pippo(this);">

    nella funzione pippo(x) faccio x.bgColor="#FF6600";

    prima di impostare il colore volevo ciclare le righe della tabella per impostare a bianco il bgcolor di tutte le righe in modo da avere sempre una sola riga selezionata.

    purtroppo non so come ottenere un riferimento alla tabella partendo da quello alla riga

    ho provato con tab=x.parentElement; solo che mi restituisce il rifermento al body.


    quello che chiedo è possibile ottenere un riferimento alla tabella partendo dalla riga o debbo aggiungere un parametro alla funzione in modo da passare oltre alla riga anche la tabella?

    grazie a tutti.

  2. #2
    Utente di HTML.it L'avatar di kluster
    Registrato dal
    Jul 2003
    Messaggi
    1,288
    una cosa del genere dovrebbe bastare
    codice:
    <script language="JavaScript" type="text/javascript">
    d = document;
    function colorCell(id,hexColore)
    {	
    	if (d.getElementById){d.getElementById(id).style.background = hexColore;}
    	else
    	{
    		if(d.layers){d.layers[id].bgColor = hexColore ;} 
    		else{if(d.all){d.all[id].style.background=hexColore;}}
    	}
    }		 
    </script>
    attribuisci un qualsiasi id alla riga
    codice:
    <tr id="row1" onclick="colorCell(this.id,'#FF6600');">
         <td>bla bla</td>
    </tr>
    <tr id="row2" onclick="colorCell(this.id,'#FF6600');">
         <td>bla bla</td>
    </tr>
    se la selezione è una alla volta ricordati cmq
    che devi spengere tutte le righe (riportare al colore originale) prima di accendere quella selezionata

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.