Modificare colore celle tabella velocemente

**evered** · 15-01-2019, 16:47

Ciao,

ho un problema urgente da risolvere, spero possiate aiutarmi.
Ho una tabella html (e attributi CSS) con molte celle che necessita continue modifiche, in particolar modo cambiare spesso i colori delle celle. Questo perché mi serve per far vedere ai miei clienti quando si liberano degli orari, e quindi devo passare dal colore verde (orario libero) a quello rosso (occupato) e viceversa.

Ho fatto il sito da zero, quindi da pagina html vuota e senza editor visuali; per fare questa cosa però non posso farlo via editor tipo notepad perché ci metterei un secolo ogni volta a ritrovare i corrispondenti <td> e dargli il corretto attributo di colore. Avrei bisogno quindi di una soluzione alternativa, ma provando con editor visuali come ad esempio Kompozer mi scombussola tutta la formattazione e non torna poi più niente (non legge i CSS?). Come posso fare?

**Vincent.Zeno** · 15-01-2019, 17:43

per fare una cosa sensata devi integrare un linguaggio server e un database.
al momento fai tutto a mano?

**evered** · 15-01-2019, 17:55

Originariamente inviata da Vincent.Zeno

per fare una cosa sensata devi integrare un linguaggio server e un database.
al momento fai tutto a mano?

Sì, sempre fatto tutto da zero, lo preferisco e anzi non sopporto Wordpress et similia.
Riguardo a server e database non ho la minima idea di cosa fare. Non esiste un editor web visuale che non sia una ciofeca come Kompozer? Uso Ubuntu.

**Vincent.Zeno** · 15-01-2019, 18:03

a parte WP che non c'entra una mazza (è un CMS per altri usi),
dovresti veramente considerare di creare un programmino dinamico

in ogni caso... una soluzione semplice è assegnare una classe alla cella di tuo interesse.
esempio:

codice:

CSS
.occupato{background:red;}
.libero{background:green;}


HTML
<tr>
<td class="occupato"></td>
<td class="libero"></td>
</tr>

**Vincent.Zeno** · 15-01-2019, 18:39

o forse stai cercando suggerimenti per un editor visuale... ?

**evered** · 15-01-2019, 18:41

Originariamente inviata da Vincent.Zeno

a parte WP che non c'entra una mazza (è un CMS per altri usi),
dovresti veramente considerare di creare un programmino dinamico

in ogni caso... una soluzione semplice è assegnare una classe alla cella di tuo interesse.
esempio:

codice:

CSS
.occupato{background:red;}
.libero{background:green;}


HTML
<tr>
<td class="occupato"></td>
<td class="libero"></td>
</tr>

E' quello che volevo evitare di fare, sarebbe una cosa infinita.

Per capirsi, è questo:

codice:

<table class="tabella">						<tr> 
						  <th id="vuoto"></th> 
						  <th colspan="5">Lun 14</th>
						  <th colspan="5">Mar 15</th>
						  <th colspan="5">Mer 16</th>
						  <th colspan="5">Gio 17</th>
						  <th colspan="5">Ven 18</th>
						  <th colspan="5">Dom 20</th>
						  </tr> 
						 <tr> 
						<tr> 
						  <th>Orario</th> 
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  <th>1</th> 
						  <th>2</th> 
						  <th>3</th> 
						  <th>4</th>
						  <th>5</th>
						  </tr> 
						 <tr> 
						  <td>20:00</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						 </tr> 
						<tr> 
						  <td>20:30</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr> 
						<tr> 
						  <td>21:00</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr> 
						<tr> 
						  <td>21:30</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr>
						<tr> 
						  <td>22:00</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						 </tr> 
						<tr> 
						  <td>22:30</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr> 
						<tr> 
						  <td>23:00</td> 
						 <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr> 
						<tr> 
						  <td>23:30</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr>
						<tr> 
						  <td>00:00</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr>
						<tr> 
						  <td>00:30</td> 
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						  <td></td>
						</tr>
					</table>

**evered** · 15-01-2019, 18:45

Originariamente inviata da Vincent.Zeno

o forse stai cercando suggerimenti per un editor visuale... ?

E' sicuramente la scelta migliore, purché funzioni senza mandare a p...... la formattazione.

**Vincent.Zeno** · 15-01-2019, 18:47

Originariamente inviata da evered

E' quello che volevo evitare di fare, sarebbe una cosa infinita.

appunto per questo è necessario che lo lasci fare al somaro.
farlo a mano, qualunque soluzione tu possa trovare, sempre di capestro si tratta

**Vincent.Zeno** · 15-01-2019, 18:48

ti invio privato per capire il contesto...

**evered** · 17-01-2019, 01:53

Per la cronaca, ho risolto incredibilmente usando Seamonkey, che ha all'interno un editor web che si chiama Composer, uguale a Kompozer ma che non stravolge la formattazione.

Discussione: Modificare colore celle tabella velocemente

Strumenti discussione

Ricerca discussione

Visualizza

Modificare colore celle tabella velocemente

Permessi di invio