Home Hardware Networking Programmazione Software Domanda Sistemi
* Conoscenza Informatica >> Programmazione >> PHP /MySQL Programmazione >> .

Come alternare i colori delle righe di CSS con PHP

Per impostazione predefinita , le tabelle usano uno sfondo di colore uniforme per ogni riga . Tavoli con grandi quantità di dati e di molti righe potrebbero apparire di difficile lettura a causa di questo . Usando una combinazione di classi in un file CSS e scripting PHP , è possibile alternare i colori delle righe in una tabella. Potrai utilizzare un ciclo per scorrere ogni riga, indipendentemente dal numero che avete in tabella . È possibile utilizzare i dati per righe della tabella da qualsiasi fonte , inclusi una variabile array o record presi da un database. Istruzioni
1

Aprire il file CSS . Digitare quanto segue per definire due classi:

row1 { background-color : # FFFFFF ; } .

Row2 . { Background-color : # B0B0B0 ; }

Eventuali righe che utilizzano la classe " row1 " hanno uno sfondo bianco , e le righe che utilizzano " row2 " hanno un fondo grigio chiaro .
2

Aprire il file HTML . Digitare quanto segue per creare una nuova tabella in HTML :



\\ n \\ n
dati < /th>

< /tr>
3

Digitare quanto segue per aprire un tag PHP e ottenere le informazioni che si intende utilizzare per compilare la tabella : ?

$ myArray = array ( " articolo 1 " , " articolo 2 " , " articolo 3 " , " articolo 4") ;

$ i = 0;

" $ i " atti variabili come un contatore di righe alternate . . Sostituire " $ myArray " con i dati effettivi necessari , come ad esempio le righe da un database
4

digitare quanto segue per i colori delle righe si alternano nella tabella, quindi chiudere il PHP e la tabella tag: < br

foreach > ( $ myArray da $ dati ) {

if ( $ i % 2 == 1) {

echo "

" . $ dati . " < /td> \\ n < /tr> \\ n";

} else {

echo "

" . $ dati . " < /td> \\ n < /tr> \\ n"; }


$ i + + ; ?

}

>

< /table>

il "se" la funzione esegue un calcolo " mod " sul " $ i" variabile contatore . Quando il risultato è uno, la classe " row1 " con il colore di riga bianca viene applicata alla riga . Quando il risultato è zero , la classe " row2 " con il colore grigio chiaro viene applicata alla riga . La variabile contatore poi aumenta di uno , e le ripetizioni di funzione fino a quando ogni record dalla variabile $ myArray viene caricata nella tabella .
5

Salvare i file HTML e CSS e caricarli sul tuo web server.

Informazioni correlate

Articoli consigliati

  • C /C + + Programming
  • Computer Programming Languages
  • Delphi Programming
  • Java Programming
  • Programmazione Javascript
  • PHP /MySQL Programmazione
  • Perl Programming
  • Python Programming
  • rubino Programmazione
  • Nozioni di base di Visual Programming

    •  

    Programmazione © www.354353.com