Etechs

Stampa La pagina

Rileggendo i due articoletti scritti (Colori
alternati in coldfusion e Highlight
di una riga in tabella) mi son reso conto che tenere separati
 

i due articoli è una sciocchezza quindi unendo
le cose scritte sia su un articolp che sull’altro proviamo a fare
una tabella con le righe di colore diverso alternate ed al passaggio
del mouse si seleziona la riga.

Questo script è quello dei colori alternati:

<cfoutput query="query">
  <cfif query.currentrow mod 2 is 1>
     <cfset style="grigio">
  <cfelse>
     <cfset style="bianco">
<!— comincia bianco riga 1 = dispari
—>
  </cfif>
   <tr class="#style#><td>#campo1#
– #campo2#</td></tr>
</cfoutput>

ora se noi volessimo fare in modo che al passaggio
del mouse la riga cambi colore basta aggiungere questo tratto dall’articolo
sull’ highlight:

<!— Esempio di codice
per highlight —>
<tr class="normale"
  onMouseOver="this.className=’highLight’"
  onMouseOut="this.className=’normale’">
    <td>Col1 Riga1</td>
    <td>Col2 Riga1</td>
</tr>

Unendoli il risultato finale sarà questo:

<cfoutput query="query">
  <cfif query.currentrow mod 2 is 1>
     <cfset style="grigio">
  <cfelse>
     <cfset style="bianco">
<!— comincia bianco riga 1 = dispari
—>
  </cfif>
   <tr class="#style#
    onMouseOver="this.className=’Highlight’

    onMouseOut="this.className=’#stil#’">
      <td>#campo1# – #campo2#</td>
   </tr>
</cfoutput>

l’effetto è davvero gradevole, molto apprezzato
sopratutto per script di reportistica.