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.
Comments are closed.