modificare codice in funzione?

**andy_s** · 15-02-2005, 11:32

Ciao
ho trovato questo che mi fa vedere la data e l'ora
come desideravo, ossia senza l'aggiornamento dei secondi

posso però racchiudere la cosa in una funzione, in modo che nel
body richiamo solo la funzione senza mettere tutto il codice

<html>
<body>
<script language="JavaScript">


</script>
</body>
</html>

***********
ciao

**Mich_** · 15-02-2005, 12:14

Beh, non mi sembra un bell'esempio da copiare: e` un po' naive come programmazione.

In JS esistono anche le matrici.

Ecco una funzione che scrive dentro uno span:

codice:

var giorni = new Array(" Domenica ", " Luned\ì ", ...);
var mesi = new Array("Gennaio ", "Febbraio ", ...);
function inser_data() {
  var data = new Date();
  var ora =data.getHours();
  var minuti=data.getMinutes();
  var secondi=data.getSeconds();
  var giorno = data.getDay();
  var mese = data.getMonth();
  var date= data.getDate();
  var year= data.getFullYear();

  if(minuti< 10) minuti="0"+minuti;
  if(secondi< 10) secondi="0"+secondi;
  if(ora<10) ora="0"+ora;
  var str = giorni[giorno]+" "+date+" "+mesi[mese]+" ";
  str += year+" ore "+ora+":"+minuti+":"+secondi;

  document.getElementById('dataora').innerHTML = str;
}

Nel codice HTML, dove vuoi che compaia la data:
<span id="dataora" style="font-family: Arial,sans-serif; font-size:2;">&nbsp;</span>

La funzione puoi chiamarla con:
<body onload="inser_data();">

**andy_s** · 15-02-2005, 13:52

forse era un pi naif, ma funzionava come volevo io
la tua invece mi da errore alla riga 31
io ho aggiunto i giorni e i mesi... solo questo
ti posto il codice
****

<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/JavaScript">
var giorni = new Array(" Domenica ", " Luned\ì ", " Marted\ì "," Mercoled\ì "," Gioved\ì "," Venerd\ì "," Sabato ");
var mesi = new Array("Gennaio ", "Febbraio ", "Marzo ","Aprile ","Maggio ","Giugno ","Luglio ","Agosto ","Settembre ","Ottobre ","Novembre ","Dicembre ",);
function inser_data() {
var data = new Date();
var ora =data.getHours();
var minuti=data.getMinutes();
var secondi=data.getSeconds();
var giorno = data.getDay();
var mese = data.getMonth();
var date= data.getDate();
var year= data.getFullYear();

if(minuti< 10) minuti="0"+minuti;
if(secondi< 10) secondi="0"+secondi;
if(ora<10) ora="0"+ora;
var str = giorni[giorno]+" "+date+" "+mesi[mese]+" ";
str += year+" ore "+ora+":"+minuti+":"+secondi;

document.getElementById('dataora').innerHTML = str;
}
</script>
</head>

<body onload="inser_data();">

<span id="dataora" style="font-family: Arial,sans-serif; font-size:2;"></span>
</body>
</html>
****
mi dice perchè?

ciao

**Mich_** · 15-02-2005, 15:58

La riga 31 e` questa?
<span id="dataora" style="font-family: Arial,sans-serif; font-size:2;"></span>

Manca in effetti l'unita` di misura del font nel CSS. Prova a scrivere
font-size:2pt;

Oppure togli tutto il CSS.

Se ancora da` problemi dovresti anche dire con che browser lo stai testando.

**andy_s** · 15-02-2005, 18:30

la riga era
<body onload="inser_data();">

però modificando come hai detto FUNZIONA

Funziona con IE, con mozilla
non funziona con netscape e Opera

si riesce a fare qualche cosa?

ciao

**Mich_** · 15-02-2005, 18:48

Dovresti spiegare meglio il tuo "non funziona". Significa che da` risultati sballati? che non fa nulla?

Comunque la proprieta` .innerHTML non e` supportata da tutti.
In alternativa si puo` scrivere dentro un campo di testo (eventualmente modificandone le caratteristiche di visualizzazione):
document.getElementById('ID_CAMPO').value = str;

In Netscape (N7+) comunque mi risulta che funzioni (a meno che non intendi NN4).

**andy_s** · 15-02-2005, 19:33

hai ragione era troppo vago

- in nn4 e Opera non si vede nulla
mentre ie e mozilla si vede

pero la modifica che hai scritto tu non mi è chiara

dovrei sostituire la riga
document.getElementById('dataora').innerHTML = str;
con questa
document.getElementById('ID_CAMPO').value = str;

ciao

**Mich_** · 16-02-2005, 11:20

Esatto.

NN4 non riconosce ne` getElementById, e neppure .innerHTML

IE 5 usa .innerText al posto di .innerHTML

Opera non lo so.

Comunque se vuoi la compatibilita` all'indietro (fino NN3) usa:
document.NOMEFORM.NOMECAMPO.value = str;

In questo modo perdi la compatibilta` con XHTML Strict, ma forse non ti interessa troppo.

**andy_s** · 16-02-2005, 21:05

-document.NOMEFORM.NOMECAMPO.value = str; -
mai io non uso nessun Form

-In questo modo perdi la compatibilta` con XHTML Strict-
cioè?

tagliamo la testa al toro
tu cosa mi consigli di fare?

ciao

**Mich_** · 17-02-2005, 10:05

Devi decidere se vuoi la compatibilita` con NN4 oppure se vuoi che la tua pagina venga utilizzata anche tra qualche anno.

Se ho capito giusto vuoi la compatibilta` all'indietro: allora la soluzione e` usare un campo di un form (puoi anche fare un form apposta per poter scrivere in quel campo).
Poi con i CSS puoi cambiare l'aspetto del campo e fare in modo che assomigli a testo normale (pero` con browser vecchi vedrai sempre il campo: tale CSS non ha effetti).

Discussione: modificare codice in funzione?

Strumenti discussione

Ricerca discussione

Visualizza

modificare codice in funzione?

Permessi di invio