scrivere in un div specifico

**matmilan** · 19-06-2013, 22:22

ciao a tutti,
ho recuperato da questo sito il seguente codice:

codice:

<script type="text/javascript">
  var data = new Date();
  var set, gg, mm, aaaa, h, m, s;
  //Crea la tabella dei mesi
  var mesi = new Array();
     mesi[0] = "Gennaio";
     mesi[1] = "Febbraio";
     mesi[2] = "Marzo";
     mesi[3] = "Aprile";
     mesi[4] = "Maggio";
     mesi[5] = "Giugno";
     mesi[6] = "Luglio";
     mesi[7] = "Agosto";
     mesi[8] = "Settembre";
     mesi[9] = "Ottobre";
     mesi[10] = "Novembre";
     mesi[11] = "Dicembre";
  //Crea la tabella dei giorni della settimana
  var giorni = new Array();
     giorni[0] = "Domenica";
     giorni[1] = "Lunedì";
     giorni[2] = "Martedì";
     giorni[3] = "Mercoledì";
     giorni[4] = "Giovedì";
     giorni[5] = "Venerdì";
     giorni[6] = "Sabato";
        //Estrae dalla tabella il giorno della settimana
        set = giorni[data.getDay()] + " ";
        gg = data.getDate() + " ";
        //Estrae dalla tabella il mese
        mm = mesi[data.getMonth()] + " ";
        aaaa = data.getYear();
        h = data.getHours() + ":";
        m = data.getMinutes() + ":";
        s = data.getSeconds();
		
		document.write("Oggi è " + set + gg + mm + aaaa + ", ore " + h + m + s);
</script>

a lasciarlo così mi scrive il tutto nel body, ma se volessi metterlo in un div specifico?
ho fatto un po' di prove ma non ci sono riuscito.

**cavicchiandrea** · 19-06-2013, 22:44

Sostituisci questa riga:
document.write("Oggi è " + set + gg + mm + aaaa + ", ore " + h + m + s);
con questa:
document.getElementById("dataora").innerHTML = "Oggi è " + set + gg + mm + aaaa + ", ore " + h + m + s;
il div id="dataora" lo metti dove vuoi

**KillerWorm** · 19-06-2013, 22:50

Ciao.
Come già indicato da Andrea puoi specificare un id nel tuo div e usare getElementById per individuare il div. Quindi usare innerHTML per inserire il contenuto dentro il div.
Però il tutto dovrebbe essere eseguito quando la pagina è stata caricata completamente e sono quindi stati creati tutti gli elementi del DOM.
Se il tuo script è inserito nell'head potrai usare l'evento onLoad per richiamare una funzione dove avrai inserito lo script.

Una cosa del genere:

codice:

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
  function scriviData(){
    var data = new Date();
    var set, gg, mm, aaaa, h, m, s;
    //Crea la tabella dei mesi
    var mesi = new Array();
       mesi[0] = "Gennaio";
       mesi[1] = "Febbraio";
       mesi[2] = "Marzo";
       mesi[3] = "Aprile";
       mesi[4] = "Maggio";
       mesi[5] = "Giugno";
       mesi[6] = "Luglio";
       mesi[7] = "Agosto";
       mesi[8] = "Settembre";
       mesi[9] = "Ottobre";
       mesi[10] = "Novembre";
       mesi[11] = "Dicembre";
    //Crea la tabella dei giorni della settimana
    var giorni = new Array();
       giorni[0] = "Domenica";
       giorni[1] = "Lunedì";
       giorni[2] = "Martedì";
       giorni[3] = "Mercoledì";
       giorni[4] = "Giovedì";
       giorni[5] = "Venerdì";
       giorni[6] = "Sabato";
          //Estrae dalla tabella il giorno della settimana
          set = giorni[data.getDay()] + " ";
          gg = data.getDate() + " ";
          //Estrae dalla tabella il mese
          mm = mesi[data.getMonth()] + " ";
          aaaa = data.getYear();
          h = data.getHours() + ":";
          m = data.getMinutes() + ":";
          s = data.getSeconds();
      document.getElementById("undivspecifico").innerHTML = "Oggi è " + set + gg + mm + aaaa + ", ore " + h + m + s;
  }
</script> 
</head>
<body onLoad="scriviData()">
  <div id="undivspecifico"></div>
</body>
</html>

**matmilan** · 20-06-2013, 16:25

OK grazie funziona.
Ma come mai l'anno lo stampa 113 e non 2013? non è un errore nel codice?

**Vindav** · 20-06-2013, 16:34

getFullYear

Discussione: scrivere in un div specifico

Strumenti discussione

Ricerca discussione

Visualizza

scrivere in un div specifico

Permessi di invio