Corsi on-line

Celle a colori alternati

  • CommentiScrivi un commento
  • ForumDiscuti sul forum
  • PrevForzare il download di un file con CFML
  • NextCreare e popolare un'Array con CFML

Nell'Articolo Connettersi ad un DB usando CFML abbiamo visto come connetterci ad un generico database con CFML e come estrarre i dati da una tabella utilizzando una semplice stringa SQL.

Agiamo adesso sull'aspetto del nostro report visualizzando i dati in celle a colori alternati, in modo da renderlo stilisticamente pił gradevole e visivamente pił leggibile.

L'articolo continua dopo la pubblicità

Creiamo un foglio di stile CSS con due classi da utilizzare per colorare lo sfondo delle celle pari e di quelle dispari

.A
{
    background-color: #FFFFFF;
}
.B
{
    background-color: #EEEEEE;
}
Nella mostrare a video la query utilizziamo l'operatore MOD controllando che il valore del record corrente sia modulare di 2; il controllo restituisce un valore booleano che restituisce true o false a righe alternate, lasciandoci assegnare le classi CSS una riga si ed una no, restituendo a video l'effetto desiderato.

Vediamo un esempio

<table width="100" align="center" border="1">
    <CFOUTPUT query="Q">
    <tr class="#IIF(Q.CurrentRow MOD 2, DE('A'), DE('B'))#">
        <td>#Q.NomeCampo#</td>
    </tr>
    </CFOUTPUT>
</table>
Il codice HTML restituito dal server sarą simile al seguente
<table width="100" align="center" border="1">

    <tr class="A">
        <td>Luca</td>
    </tr>

    <tr class="B">
        <td>Max</td>
    </tr>

    <tr class="A">
        <td>Claudio</td>
    </tr>

    <tr class="B">
        <td>Jacopo</td>
    </tr>

</table>

Corsi
  • Corso ASP da Zero
    Corso ASP da Zero
    Imparare Microsoft ASP e VBScript da zero. A partire da 29 €
  • Corso HTML
    Corso HTML
    Il linguaggio di marcatura per il Web. A partire da 29 €
  • Corso jQuery
    Corso jQuery
    Creare applicazioni client-side col Framework jQuery. A partire da 39 €
Vedi anche...
Guide