Controllo data

[bigmaul]

Salve a tutti , ho un problemino che vorrei risolvere in maniera dinamica.
Ho una tabella con delle news da aggiungere...
Vorrei fare in modo che le più aggiornate (notizie pubblicate massimo da 5 gg) vengano visualizzate in grassetto.
C'ho provato ma è un impresa troppo difficile per il mio livello

[Xinod]

ciao Bigmaul,
spiega meglio il contesto, magari posta un esempio di un paio di righe di questa tabella

se l' output è gestito lato server valuta la possibilità di procedere su questo fronte se ti torna + comodo

[bigmaul]

No, nessun linguaggio lato server.
Vorrei fare in modo che le notizie che inserisco (data in una colonna e titolo dell'articolo in un'altra) vengano formattate automaticamente in base alla data (nella prima colonna).
Quelle non più vecchie di 5 gg. in grassetto mentre le altre normali.

Un esempio molto vago e visibile a questo link.

Su quel sito sono in grassetto soltanto per un giorno.

[Xinod]

ok, dammi qualche minuto che provo a buttare giù qualcosa

[Xinod]

un esempio, forse + complesso del necessario

<script type="text/javascript">
<!--
var oggi=new Date()

function retData(txt){
  // ottiene la data contenuta nel td come aaaa_mm_gg
  // separa le parti per "_" e ritorna l' ogg date di quella data
  txt=txt.replace(/^.*(\d{2})\/(\d{2})\/(\d{4}).*$/, "$3_$2_$1").split("_");
  return new Date(parseInt(txt[0]),parseInt(txt[1])-1,parseInt(txt[2]));
}

function evidenziaRighe(){
  if(document.getElementById && document.getElementsByTagName){
    // riferimento ai tr della tabella "news"
    var ntr=document.getElementById('news').getElementsByTagName("TR");
    // se supporta l' innerHTML
    if(ntr[0].innerHTML){
      // cicla x tutti i tr
      for(var k=0;k<ntr.length;k++){
        // la differenza è = all' arrotondamento verso l' intero + basso 
        // della differenza tra data odierna e data ritornata per il contenuto del primo td del tr attuale
        // divisa per i millisecondi di un giorno
        var diff=Math.floor((oggi-retData(ntr[k].getElementsByTagName("TD")[0].innerHTML))/86400000);
        if(diff<=5){
          // riferimento ai td della riga attuale
          ntd=ntr[k].getElementsByTagName("TD");
          // cicla per il numero di td
          for(var q=0;q<ntd.length;q++){
            // setta font in grassetto per quel td
            // N.b. si potrebbe evitare di ciclare trai td, assegnando il fontWeight al tr
            // ma così non prevarrebbe su eventuale regola riguardante lo spessore del font per i td
        // idem volendo assegnare nuovo className al tr
            ntd[q].style.fontWeight="bold";
          }
        }
      }
    }
  }     
}
window.onload=evidenziaRighe
//-->
</script>
...
<table border="1" cellspacing="0" cellpadding="3" id="news">
<tbody>
<tr>
<td>28/07/2004 --></td>
<td>[url="#"]quinta notizia[/url]</td>
</tr>
<tr>
<td>[27/07/2004]</td> 
<td>[url="#"]quarta notizia[/url]</td>
</tr>
<tr>
<td>23/07/2004</td> 
<td>[url="#"]terza notizia[/url]</td>
</tr>
<tr>
<td>21/03/2004</td> 
<td>[url="#"]seconda notizia[/url]</td>
</tr>
<tr>
<td>18/02/2003</td> 
<td>[url="#"]prima notizia[/url]</td>
</tr>
</tbody>
</table> 

si estenderebbe la compatibilità facendo scrivere runtime (con document.write) la tabella da javascript
ma ho immaginato volessi operare su una tabella presente a tutti gli effetti nella pagina
ciao

[bigmaul]

Grazie mille...la provo e ti dico

[bigmaul]

Uhmm...mi da errore su questa riga
txt=txt.replace(/^.*(d{2})/(d{2})/(d{4}).*$/, "$3_$2_$1").split("_");

...a dire il vero non capisco cosa c'è scritto perciò non posso provare ad intervenire

[Mich_]

Originariamente inviato da bigmaul
Uhmm...mi da errore su questa riga
txt=txt.replace(/^.*(d{2})/(d{2})/(d{4}).*$/, "$3_$2_$1").split("_");

...a dire il vero non capisco cosa c'è scritto perciò non posso provare ad intervenire

Hai dimenticato qualche backslash.

Ritrova il file originale, premi il bottone quote (in basso a destra), e da li` fai copia-incolla.

[bigmaul]

Hai ragione, ora funziona benissimo grazie mille x l'aiuto.

Cmq, se non chiedo troppo, potreste chiarirmi quella riga di comando ?
(Magari può tornarmi utile per futuri lavori...).

[Mich_]

Senza usare le regexp sarebbe necessario un programma complesso.

Quella riga fa il replace di alcune stringhe, le unisce, indi le spezza nuovamente.

replace(/^.*(\d{2})\/(\d{2})\/(\d{4}).*$/, "$3_$2_$1")

dopo la virgola, $1, $2, $3 rappresentano quanto racchiuso nelle parentesi (nell'ordine). Quindi viene anche invertito l'ordine dei pezzi trovati.

^ inizio stringa
.* qualsiasi carattere (zero o piu` volte)
\d{2} esattamente due caratteri numerici
\/ il carattere /
...
$ fine stringa

Nota che potrebbe non validare una stringa cosi`:
21/12/2004ciao3

per cui sarebbe piu` opportuno inserire un ? dopo il primo *:
/^.*?(\d{2})\/(\d{2})\/(\d{4}).*$/

la stringa viene sostituita con i tre pezzi in ordine inverso, inframezzati da _ .

La funzione split("_") spezza la stringa cosi` ottenuta in base al carattere "_", per cui alla fine avrai un vettore che contiene:
l'anno al primo posto (indice 0), il mese al secondo, il giorno al terzo.