• Home
  • Forum
  • Fare Web
  • Javascript

Cambiare i colori alle celle di una tabella html in modo sequenziale

  • Creatore Discussione Creatore Discussione cavaliere123
  • Data di inizio Data di inizio 28 Set 2012
  • Tag Tag
    colori alterni javascript
Prec.
  • 1
  • 2
Primo Prec. 2 di 2

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 28 Set 2012
  • #21
ciao criric, funzia. mi sono permesso una modifica se non si sanno a priori le rige/celle

Codice:
<script type="text/javascript">
    var tabella = document.getElementById('tabellas');
    var td = tabella.getElementsByTagName('td');
    var count_tr = tabella.getElementsByTagName('tr').length;
	var count_td = tabella.getElementsByTagName('td').length;
    for(var j = 0; j < count_tr; j++) {
    	for(var i = 0; i < count_td; i++) {
			if(j%2==0) {
		 		if(i%2 == 0){
            		td[i].style.backgroundColor = "red";
				}else{
					td[i].style.backgroundColor = "blue";
				}
        	}else{
            	if(i%2 == 0){
            		td[i].style.backgroundColor = "blue";
				}else{
					td[i].style.backgroundColor = "red";
				}
        	}
		}
    }
</script>
edit
una domanda: se volessi applicare a tutte le tabelle presenti in una pagina potrei sistituire
var tabella = document.getElementById('tabellas');
con
var tabella = tabella.getElementsByTagName('table')
?
 
Ultima modifica: 28 Set 2012
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 28 Set 2012
  • #22
Borgo non mettere l'id tabellas come ha fatto Valeria
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 28 Set 2012
  • #23
Riprendendo l'esempio della tabella di prima l'unica idea che sono riuscito a partorire per accedere ad una particolare cella è questa
Codice:
var tabella = document.getElementById('tabellas');    
tr = tabella.getElementsByTagName("tr");
alert(tr[1].getElementsByTagName('td')[2].innerHTML);

@Borgo
Si , l'esempio di Valeria vale per tutte le tabelle della pagina
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
  • 28 Set 2012
  • #24
borgo italia ha scritto:
ciao criric, funzia. mi sono permesso una modifica se non si sanno a priori le rige/celle

Codice:
<script type="text/javascript">
    var tabella = document.getElementById('tabellas');
    var td = tabella.getElementsByTagName('td');
    var count_tr = tabella.getElementsByTagName('tr').length;
	var count_td = tabella.getElementsByTagName('td').length;
        for(var j = 0; j < count_tr; j++) {
    	for(var i = 0; i < count_td; i++) {
			if(j%2==0) {
		 		if(i%2 == 0){
            		td[i].style.backgroundColor = "red";
				}else{
					td[i].style.backgroundColor = "blue";
				}
        	}else{
            	if(i%2 == 0){
            		td[i].style.backgroundColor = "blue";
				}else{
					td[i].style.backgroundColor = "red";
				}
        	}
		}
    }
</script>
Clicca per allargare...

Ciao borgo,

ho sistemato il tuo esempio, una divisione in più e manca il riferimento per i tr

Codice:
<script type="text/javascript">
	var a = document.getElementsByTagName('TD');
        var n = document.getElementsByTagName('TD').length;
        var b = document.getElementsByTagName('TR');
	var m = document.getElementsByTagName('TR').length;
	for(var i = 0; i < n; i++) {
        for(var j = 0; j < m; j++) {
	    if(i%2==0) {
            a[i].style.backgroundColor = "red";
            }else{
            a[i].style.backgroundColor = "blue";
            if(j%2 == 0){
            b[j].style.backgroundColor = "blue";
	    }else{
	    b[j].style.backgroundColor = "red";
	    }
	  }
	}
      }
</script>

Adesso se rimuovi // tutti i riferimenti ai td colora i tr riga rossa riga verde ecc...

Valeria.
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 28 Set 2012
  • #25
Praticamente fantastici

me sa che alla mia domanda del richiamare in un solo comando la tot cella di tot riga...

del tipo :

HTML:
document.getElementById("TABELLA").rows[2].cells[3].innerHTML;

non c'è soluzione

auff mi serviva proprio .. vabbè me invento qualcos'altro

Buona serata e grazie ancora.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 28 Set 2012
  • #26
auff mi serviva proprio .. vabbè me invento qualcos'altro
Clicca per allargare...

ma quello che ti avevo postato non ti piace?
criric ha scritto:
tr = tabella.getElementsByTagName("tr");
alert(tr[1].getElementsByTagName('td')[2].innerHTML);
Clicca per allargare...
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 28 Set 2012
  • #27
Aspita ma sai che nella confusione delle risposte non l'avevo mica letto....
Semplicemente scusami..... e chiaramente utilissima, è ciò che volevo ^_^
Ascolta una curiosità, se volessi prendere uno spazio per postare i miei esempi proprio come pagina html c'è gratis e poi è difficile pubblicare la pagina ???
Cosi mi è più facile far vedere le cose che combino
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 29 Set 2012
  • #28
Io per le prove ho uno spazio su Aruba, pago circa 35 euro l'anno con supporto php mysql
solo html costa di meno
Di gratuito che conosco c'è altervista , non so se c'è ne sono altri
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 29 Set 2012
  • #29
Me sa che devo prendere questo :

http://hosting.aruba.it/hosting_bundle.asp?offerta=1&os=win,

non ho capito se puoi tenere dei sotto domini... sai per inserire delle prove magari... boh devo vedere meglio.
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
  • 29 Set 2012
  • #30
cavaliere123 ha scritto:
Me sa che devo prendere questo :

http://hosting.aruba.it/hosting_bundle.asp?offerta=1&os=win,

non ho capito se puoi tenere dei sotto domini... sai per inserire delle prove magari... boh devo vedere meglio.
Clicca per allargare...

Ciao,

Aruba è tra i migliori per servizio qualità e prezzo, per i server condivisi.

L'host su Server Win costa qualcosa in più rispetto al Server su Linux.

Se scegli Server windows come hai letto puoi usare database Mysql Access e MSSQL, supporto per PHP e PERL l'offerta è buona, anche consiserando che Aruba offre spazio disco illimitato.

Per i sottodomini, devi registrare un dominio e poi acquistare un sottodominio.

Valeria.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 29 Set 2012
  • #31
ciao
non ho capito una cosa:
se solo tu vuoi vedere come risultano i tuoi esempi a che ti serve uno spazio, se il file è html o htm con doppioclik sul nome del file e ti si apre la pag nel bw (o "apri file" dal bw), se è php ti fai il server locale e lo guardi sempre col tuo bw digitando http://localhost/cartella/nome_del_file.php
se devi farli vedere ad altri allora si che ti può servire uno spazio.
se hai già uno spazio per un tuo sito potresti fare nella root una cartella esempi e dentro caricarci i tuoi lavori.
per vederli
www.tuo_sito.it/esempi/esempio_1.htm
o se il tuo host ha anche php
www.tuo_sito.it/esempi/esempio_2.php
o sottodomini
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 30 Set 2012
  • #32
Buona sera anzi buona notte a tutti voi e grazie per i consigli come sempre preziosi
Rispondendo a Borgo devo dire che ho installato sul mio pc anche il server locale XAMPP ma chiaramente me lo devo ancora ben studiare....
Ma non desidero violare le regole del forum ... e questa non è la sezione adatta... anzi già chiedo scusa per la mia domanda fuori tema... al limite se mi dite dove posso fare domande del genere nel forum ve ne sarò grato
Buona domenica a tutti
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 30 Set 2012
  • #33
ciao
per la tua domanda
Ascolta una curiosità, se volessi prendere uno spazio per postare i miei esempi proprio come pagina html c'è gratis e poi è difficile pubblicare la pagina ???
Cosi mi è più facile far vedere le cose che combino
Clicca per allargare...
la sezione giusta è
gestire un sito -> hosting
 
Prec.
  • 1
  • 2
Primo Prec. 2 di 2
Devi accedere o registrarti per poter rispondere.

Discussioni simili

L
CSS, cambiare i colori della barra e ingrandire una immagine
  • lacio78
  • 20 Set 2013
  • WordPress
Risposte
1
Visite
2K
WordPress 24 Set 2013
criric
M
Come cambiare colori e font da una pagina esterna.
  • Monica
  • 21 Set 2005
  • HTML e CSS
Risposte
4
Visite
2K
HTML e CSS 22 Set 2005
open-think
M
Cambiare colore al variare del testo
  • Max61
  • 10 Set 2024
  • PHP
Risposte
6
Visite
416
PHP 11 Set 2024
Max61
M
F
Url dinamiche da cambiare con categoria, subcategoria e title
  • Finchelabarcava
  • 8 Mag 2023
  • PHP
Risposte
2
Visite
1K
PHP 18 Lug 2023
alankanz
D
Aiuto CSS in ELEMENTOR - Cambiare un testo
  • doppiadi
  • 24 Nov 2021
  • CMS (Content Management System)
Risposte
0
Visite
1K
CMS (Content Management System) 24 Nov 2021
doppiadi
D
M
Cambiare pennello a lavoro completo
  • martaz
  • 1 Ago 2021
  • Photoshop
Risposte
0
Visite
941
Photoshop 1 Ago 2021
martaz
M
R
Cambiare il nome dell'immagine dopo caricamento ftp
  • romeocharly62
  • 27 Mar 2021
  • HTML e CSS
Risposte
0
Visite
603
HTML e CSS 27 Mar 2021
romeocharly62
R
Y
  • Bloccata
cambiare sfondo di una pagina
  • ymod
  • 20 Dic 2020
  • Javascript
Risposte
1
Visite
1K
Javascript 21 Dic 2020
Max 1
E
Cambiare lingua in Elements per Mac
  • enzofrog
  • 13 Lug 2020
  • Mac e Software
Risposte
2
Visite
3K
Mac e Software 13 Lug 2020
enzofrog
E
R
  • Bloccata
Non riesco a cambiare l'immagine di sfondo
  • Roberto_V
  • 29 Giu 2020
  • PHP
Risposte
4
Visite
2K
PHP 30 Giu 2020
Roberto_V
R
K
Cambiare font size su echo stringa variabile
  • Kioto
  • 4 Giu 2020
  • PHP
  • 2
Risposte
24
Visite
3K
PHP 8 Giu 2020
Kioto
K
V
[PHP Symphony] Cambiare da ApcCache ad OpCache
  • Valeria Fiorentini
  • 16 Mar 2020
  • PHP
Risposte
4
Visite
2K
PHP 25 Mar 2020
macus_adi
P
Cambiare visualizzazione con JS
  • P4rad0x
  • 9 Mar 2020
  • Javascript
Risposte
1
Visite
673
Javascript 9 Mar 2020
Max 1
CAMBIARE TAG POST TITOLO DA H2 A H1
  • Web93
  • 9 Gen 2020
  • WordPress
Risposte
1
Visite
2K
WordPress 10 Gen 2020
macus_adi
L
[PHP] cambiare gli if in un url semplice
  • luigi777
  • 6 Ago 2019
  • PHP
Risposte
1
Visite
1K
PHP 7 Ago 2019
Tommy03
G
Cambiare colore ad un record database mysql
  • gchidik
  • 22 Giu 2019
  • MySQL
Risposte
0
Visite
1K
MySQL 22 Giu 2019
gchidik
G
Cambiare url in un sito con pagine dinamiche
  • Domenico_Falco1
  • 27 Mag 2019
  • Ajax
Risposte
4
Visite
6K
Ajax 31 Mag 2019
Domenico_Falco1
P
Piacere di scambiare con voi
  • paolofiorito
  • 1 Apr 2019
  • Presentati al Forum
Risposte
0
Visite
586
Presentati al Forum 1 Apr 2019
paolofiorito
P
L
Cambiare classi solo scroll up
  • lazlo
  • 4 Gen 2019
  • jQuery
Risposte
2
Visite
2K
jQuery 5 Gen 2019
lazlo
L
Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare)
  • Topografo
  • 2 Gen 2019
  • Presentati al Forum
Risposte
1
Visite
946
Presentati al Forum 2 Gen 2019
bibliofila
B
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?