Layer 06

Colori alternati + highlight in ColdFusion

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