righe tabelle che scompiano in base all'ora

[ptransidico]

ciao

ho un tabella con delle righe

qualcosa del genere

<tr id="hour1">
<td>Valore 1</td>
</tr>
<tr id="hour2">
<td>Valore 1</td>
</tr>
<tr id="hour3">
<td>Valore 1</td>
</tr>

e' pissibile sfruttando il DOM e la proprieta display rimuove le righe in base all'ora

in altre parole se sono le 16

la tabella diventa

<tr id="hour2">
<td>Valore 1</td>
</tr>
<tr id="hour3">
<td>Valore 1</td>
</tr>

cosa dovre fare??

grazie e ciao

Pietro

[artorius]

se hai una forma standard dell'id della riga (cioè id="hour{x}" dove {x} è uguale al numero della riga) allora puoi creare una matrice:

var hideRows = {
    '0' : [1,2,3], //la chiave '0' è l'ora del giorno (0 - 23), il valore è un array con gli id delle righe da non mostrare
    '1' : [2,5,9],
...
    '16' : [1], //Tuo esempio
...
    '23' : [2,5,9]
}

poi ottieni l'ora corrente:

window.onload = function(){
   var hour = (new Date()).getHour();
   var rows = hideRows[""+hour];
   //Fai un ciclo sull'array rows
   for(var i = 0; i < rows.length; i++){
       var id = "hour"+rows[i]; //L'id dell'elemento della pagina
       var elem = document.all ? document.all[id] : document.getElementById(id);
       elem.style.display = "none";
   }
}

Dovrebbe funzionare.

[ptransidico]

grazie
in realta la riga e' nel seguente

formato

<tr id="riga_16">

dove 16 e' l'ora

e dovrebbe nasconderla quando l'ora atturale e superiore all'ora nella riga + 2

cioe alle 18 non la deve piu mostrare la riga con su scritto riga_16

ciao

[ptransidico]

pensavo di fare cosi

<tr id="riga_16">



var hideRows = {1,4,7,10,13,16,19,22}

window.onload = function(){
var hour = (new Date()).getHour();
for(var i = 0; i < hideRows.length; i++){
if (hideRows[i] +2 <= hour)
var id = "riga_"+hideRows[i]; //L'id dell'elemento della pagina
var elem = document.all ? document.all[id] : document.getElementById(id);
elem.style.display = "none";
}
}

e' giusto?


ciao

[ptransidico]

ciao ho fatto cosi

function prova() {
var hideRows = new Array(1,4,7,10,13,16,19,22);
var my_date = new Date();
var hour = my_date.getHours();
for(var i = 0; i<hideRows.length; i++){
if (hideRows[i] +2 <= hour) {
var id = "riga_"+hideRows[i]; //L'id dell'elemento della pagina
var elem = document.all ? document.all[id] : document.getElementById(id);
elem.style.display = "none";
}
}


}

se ho cosi:

<tr id="riga_4"><td>4.00</td></tr>
<tr id="riga_7"><td>7.00</td></tr>
<tr id="riga_10"><td>10.00</td></tr>
<tr id="riga_13"><td>13.00</td></tr>
<tr id="riga_16"><td>16.00</td></tr>
<tr id="riga_19"><td>19.00</td></tr>
<tr id="riga_22"><td>22.00</td></tr>

Non funziona

mentre se ho anche la righa 1 funziona

<tr id="riga_1"><td>1.00</td></tr>
<tr id="riga_4"><td>4.00</td></tr>
<tr id="riga_7"><td>7.00</td></tr>
<tr id="riga_10"><td>10.00</td></tr>
<tr id="riga_13"><td>13.00</td></tr>
<tr id="riga_16"><td>16.00</td></tr>
<tr id="riga_19"><td>19.00</td></tr>
<tr id="riga_22"><td>22.00</td></tr>

come mai???

mi date una mano per favore

grazie e ciao

[cavicchiandrea]

Hai provato a togliere 1 dalla array, e farla partire dal 4?

[ptransidico]

se tolgo dall'array 4 funziona

ma io non so quante righe avro la tabella e' dinamica

ovviamente sfruttando php io potrei far vairiare le righe visualizate. il problema e che la tabella viene messsa in cache e sulla tabella statica vorrei rimuovere le righe che in base all'ora non hanno piu senso di esistere

mi potete dare una mano


ciao

[cavicchiandrea]

Io proverei tramite php forzandogli il no-cache o col tag specifico nella pagina oppure con un numero random appeso alla url (tupagina.php?rnd=123456) voler eliminare in javascript le righe senza sapere quante potrebbero essere ritengo sia + difficile per uno che non conosce bene il linguaggio