[JS] Orario come twitter?

Ciao a tutti, sapete indicarmi dove trovare uno script simile all'orario di twitter?
"about 14 hours ago", "5:00 PM Sep 13th", ecc.... mi interesserebbe molto.
Prendere come esempio di "orario" questo: http://twitter.com/php
Grazie mille! *____*
PS. Mi serve perché dopo vorrei "concatenarlo" con PHP! XD

[dementialsite]

Un'idea potrebbe essere questa:

var today = new Date();

// questa è la data del messaggio, formattata come oggetto JavaScript Date()
var refDate = ... ;

var time = Math.floor((today.getTime() - refDate.getTime()) / 1000);

if (time < 60)
   document.write (time + ' secondi fa');
else
{
   time = Math.floor(time / 60);
   if (time < 60)
      document.write (time + ' minuti fa');
   else
   {
      time = Math.floor(time / 60);
      if (time < 24)
         document.write (time + ' ore fa');
      else
      {
         time = Math.floor(time / 24);
         if (time < 30)
            document.write (time + ' giorni fa');
         else
            document.write (refDate.toLocaleString());
      }
   }
}

Stammi bene...

Pare che vorresti sapere il tempo trascorso giusto?
Secondo te come faccio a sapere quanti giorni mancano al 20 settembre (cm)?

@dementialsite: Allora, devo chiederti due cose! XD
La data, in che formato deve essere? Io con date() la faccio così:

date("\i\l d M Y \a\l\l\e H:i a"); 

e dopo come faccio a dirgli che si deve mettere in questa (vedi sotto) posizione?

<h2>altro testo <span>LA DATA SI DEVE INSERIRE QUI</span></h2> 

Grazie mille! *____*

@svcant: Facendo una sottrazione veloce?? O__o

[dementialsite]

Se devi generare un JavaScript, devi ottenere questo formato:

new Date (anno, mese, giorno, ora, minuto, secondo);

Attenzione, in JS per il mese vale 0 = gennaio, 1 = febbraio, 2 = marzo, etc.

Per metterlo in una determinata posizione, ti basta specificare un id allo span, e poi inserire il testo usando

document.getElementById('...').innerHTML = ... // la stringa che stampi sopra con document.write()

Stammi bene...

Allora...ho combinato un casino, visto che non so' come fare questa cavolo di data! é___è
Parte PHP:

$id = "account00";
$tweet = new SimpleXMLElement("http://twitter.com/users/show/".urlencode($id).".xml",NULL,TRUE);
$completa = date("Y,",strtotime($tweet->status->created_at));
$mese =  date("n, ",strtotime($tweet->status->created_at));
$a = array("01","02","03","04","05","06","07","08","09","10","11","12");
$b = array("00","01","02","03","04","05","06","07","08","09","10","11");
$completa = str_replace($a,$b,$mese);
$completa .= date("d, H, i, s",strtotime($tweet->status->created_at)); 

Parte JS:

var today = new Date();

// questa è la data del messaggio, formattata come oggetto JavaScript Date()
var refDate = <?=$completa;?>;

var time = Math.floor((today.getTime() - refDate.getTime()) / 1000);

    if (time < 60) { document.getElementById('data').innerHTML = '<b>' + time + ' secondi fa</b>'; }
    else {
    time = Math.floor(time / 60);
    if (time < 60) { document.getElementById('data').innerHTML = time + ' minuti fa'; }
   
    else {
    time = Math.floor(time / 60);
    if (time < 24) { document.getElementById('data').innerHTML = time + ' ore fa'; }
    
    else {
    time = Math.floor(time / 24);
    if (time < 30) { document.getElementById('data').innerHTML = time + ' giorni fa'; }
    
    else { document.write (refDate.toLocaleString()); }
} // giorni
} // ore
} // minuti

Il JS viene poi richiamato dal file "data.js"! ^___^ In pratica non spunta niente! O___o
Ciauu!! <3

[dementialsite]

Hai dimenticato:
- un punto per concatenare il secondo "$completa"
- di "finire" la variabile $completa, inserendo la creazione dell'oggetto Date nel JS (tradotto, nel file JS stampi solo i parametri e non il costruttore con i parametri al suo interno)

Stammi bene...

Allora ho aggiunto .= all'str_replace di $completa, ma non ho capito il secondo punto come potrei fare...

- di "finire" la variabile $completa, inserendo la creazione dell'oggetto Date nel JS (tradotto, nel file JS stampi solo i parametri e non il costruttore con i parametri al suo interno)

Come si fa? Non ho proprio idea, visto che lo includo esternamente! XD

[dementialsite]

Allora ho aggiunto .= all'str_replace di $completa, ma non ho capito il secondo punto come potrei fare...

Come si fa? Non ho proprio idea, visto che lo includo esternamente! XD

Mi sembrava fosse chiaro... aggiungi quest'ultima riga:

$completa = "new Date($completa)" 

Stammi bene...

Niente da fare, non funziona ancora! =(
Parte Template (index.php del sito):

<head><script type="text/javascript" src="altro/data.js"></script></head> 

Parte PHP (viene inclusa - home.php):

<?
$id = "id";
$tweet = new SimpleXMLElement("http://twitter.com/users/show/".urlencode($id).".xml",NULL,TRUE);
$completa = date("Y,",strtotime($tweet->status->created_at));
$mese =  date(" n, ",strtotime($tweet->status->created_at));
$a = array("01","02","03","04","05","06","07","08","09","10","11","12");
$b = array("00","01","02","03","04","05","06","07","08","09","10","11");
$completa .= str_replace($a,$b,$mese);
$completa .= date("d, H, i, s",strtotime($tweet->status->created_at));
$completa = "new Date($completa)"; // creo la data per il js
?>

<h2>Welcome!! <span id="data"></span></h2>

Parte JS (data.js):

var today = new Date();

// questa è la data del messaggio, formattata come oggetto JavaScript Date()
var refDate = <?=$completa;?>;

var time = Math.floor((today.getTime() - refDate.getTime()) / 1000);

    if (time < 60) { document.getElementById('data').innerHTML = '<b>' + time + ' secondi fa</b>'; }
    else {
    time = Math.floor(time / 60);
    if (time < 60) { document.getElementById('data').innerHTML = time + ' minuti fa'; }
   
    else {
    time = Math.floor(time / 60);
    if (time < 24) { document.getElementById('data').innerHTML = time + ' ore fa'; }
    
    else {
    time = Math.floor(time / 24);
    if (time < 30) { document.getElementById('data').innerHTML = time + ' giorni fa'; }
    
    else { document.getElementById('data').innerHTML = refDate.toLocaleString(); }
} // giorni
} // ore
} // minuti

Grazie mille! ^^"

[dementialsite]

A parte che non riesco a capire come colleghi lo script PHP al file JS che viene dopo, hai provato a controllare se la stampa del file avviene correttamente?

Stammi bene...

Sisi, ho provato $completa funziona. Solo che non riesco a farla "arrivare" al data.js! XD
Soluzioni? =D

[dementialsite]

Intendevo dire: la stampa del codice JavaScript avviene correttamente (sul browser vedi che il codice PHP è sostituito correttamente, per capirci)?

Stammi bene...

Si, $completa funziona correttamente. Ma non riesce ad arrivare al JavaScript.
Ecco dove sta il problema. Grazie mille.

[dementialsite]

Provato a scrivere <?php echo $completa; ?>? Non saprei che altro inventarmi...

Stammi bene...

Allora, forse non mi riesco a spiegare! XD $completa, non viene ricevuta da JS.
C'è un modo per farlo? Grazie mille!! é___è, e scusami se ti sto facendo "spasare" tempo!!

[dementialsite]

Allora, forse non mi riesco a spiegare! XD $completa, non viene ricevuta da JS.
C'è un modo per farlo? Grazie mille!! é___è, e scusami se ti sto facendo "spasare" tempo!!

No, non l'ho mica capito...

Io mi aspetto che il codice JS si trovi in un file con estensione PHP, e che tale file:
- contenga una direttiva header("Content-type: text/javascript") all'inizio del file
- contenga una direttiva include "home.php" prima di stampare nel codice la variabile $completa
- venga poi richiamato da una pagina HTML con il classico tag

<script type="text/javascript" src="...php"></script>

Messa in questo modo, dovrebbe funzionare... almeno, senza testarlo non riesco a trovare un motivo per cui questo script non ti funzioni.

Stammi bene...

Allora, ho provato con il tuo metodo: Creo il file "data.php", metto dentro questo:

<?
header("Content-type: text/javascript");

$id = "mioaccount";
$tweet = new SimpleXMLElement("http://twitter.com/users/show/".urlencode($id).".xml",NULL,TRUE);
$completa = date("Y,",strtotime($tweet->status->created_at));
$mese =  date(" n, ",strtotime($tweet->status->created_at));
$a = array("01","02","03","04","05","06","07","08","09","10","11","12");
$b = array("00","01","02","03","04","05","06","07","08","09","10","11");
$completa .= str_replace($a,$b,$mese);
$completa .= date("d, H, i, s",strtotime($tweet->status->created_at));
?>
var today = new Date();

// prendo la data con PHP
var refDate = new Date(<?php echo $completa; ?>);

var time = Math.floor((today.getTime() - refDate.getTime()) / 1000);

    if (time < 60) { document.getElementById('data').innerHTML = '<b>' + time + ' secondi fa</b>'; }
    else {
    time = Math.floor(time / 60);
    if (time < 60) { document.getElementById('data').innerHTML = time + ' minuti fa'; }
   
    else {
    time = Math.floor(time / 60);
    if (time < 24) { document.getElementById('data').innerHTML = time + ' ore fa'; }
    
    else {
    time = Math.floor(time / 24);
    if (time < 30) { document.getElementById('data').innerHTML = time + ' giorni fa'; }
    
    else { document.getElementById('data').innerHTML = refDate.toLocaleString(); }
} // giorni
} // ore
} // minuti

E aggiungo questo al template:

<script type="text/javascript" src="altro/data.php"></script> 

Risultato? La date ora viene visualizzata da Date() (visto del sorgente) ma non viene stampato nulla con js! XD
Ho provato a fare un document.write ma non si visualizza!! XD
Grazie mille.

[dementialsite]

Nel file HTML che include lo script hai un DIV o uno SPAN con ID "data", vero?

Stammi bene...

Ora funziona, MA (perché c'è sempre! XD) non fa bene il suo lavoro...ad esempio ho scritto un post giorni fa ed ecco cosa stampa:

-2499708 secondi fa

Invece twitter dice che è stato scritto ehm...vediamo:

6:03 PM Sep 22nd from web

C'è molta differenza secondo me! ;D
Grazie mille!! ^^

<?
$id = "mioacc";
$tweet = new SimpleXMLElement("http://twitter.com/users/show/".urlencode($id).".xml",NULL,TRUE);
$completa = date("Y,",strtotime($tweet->status->created_at));
$mese =  date(" n, ",strtotime($tweet->status->created_at));
$a = array("01","02","03","04","05","06","07","08","09","10","11","12");
$b = array("00","01","02","03","04","05","06","07","08","09","10","11");
$completa .= str_replace($a,$b,$mese);
$completa .= date("d, H, i, s",strtotime($tweet->status->created_at));
?>
var today = new Date();

// prendo la data con PHP
var refDate = new Date(<?php echo $completa; ?>);

var time = Math.floor((today.getTime() - refDate.getTime()) / 1000);

    if (time < 60) { document.getElementById("data").innerHTML = "<b>" + time + " secondi fa</b>"; }
    else {
    time = Math.floor(time / 60);
    if (time < 60) { document.getElementById("data").innerHTML = time + " minuti fa"; }
   
    else {
    time = Math.floor(time / 60);
    if (time < 24) { document.getElementById("data").innerHTML = time + " ore fa"; }
    
    else {
    time = Math.floor(time / 24);
    if (time < 30) { document.getElementById("data").innerHTML = time + " giorni fa"; }
    
    else { document.getElementById("data").innerHTML = refDate.toLocaleString(); }
} // giorni
} // ore
} // minuti