- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- GetElementByClassName HELP!
-
GetElementByClassName HELP!
Vi spiego il mio problema spero mi possiate aiutare, per semplicità vi farò un esempio casuale di riferimento.
Io ho 3 righe di una tabella a cui affido lo stessa classe "background" che permetterà di cambiare lo sfondo di ciascuna delle 3 righe della tabella che mostro a pagina.
In quanto ogniuna delle 3 righe rappresenta una tipologia diversa di argomenti da presentare voglio fare in modo che la prima ad es abbia uno sfondo la seconda un'altro e cos' via...Non so se sia possibile ma c'è un modo per creare una sorta di array che prendendo a priori tutte le classi "background" presenti nella pagina affidi ad es. alla background(0)...background(1).... uno sfondo diverso che io gli voglio affidare.
-
prepari un css con le classi che si chiameranno, ad esempio, prova_1, prova_2, prova_3,....prova_n, ciascuna delle quali avrà impostato il suo background.
Poi nell'html assegni ad ogni riga la classe prova_ e alla fine, tramite un semplicissimo script php, gli appendi una variabile che si incrementa.
Ad esempio puoi usare un codice di questo tipo:
[PHP]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>A</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.prova_1 {background-color:#FF0000;}
.prova_2 {background-color:#FF00FF;}
.prova_3 {background-color:#FFFF00;}
</style>
</head>
<body>
<?php $n=1; ?>
<table>
<tr class="prova_<?php echo $n; $n++; ?>"><td>ciao</td></tr>
<tr class="prova_<?php echo $n; $n++; ?>"><td>ciao</td></tr>
<tr class="prova_<?php echo $n; $n++; ?>"><td>ciao</td></tr>
</table>
</body>
</html>
[/PHP]la pagina generata sarà così: http://www.madama.altervista.org/a.php
il codice è volutamente banale, ma credo renda bene l'idea di ciò che potresti fare...