Output di uno script in un punto preciso del documento. Dov'è l'errore ??

[Rodrigoson6]

Salve ragazzi...

voglio realizzre l'output di uno script in un punto preciso del documento html, attraverso le proprietà DOM HTML :

document.getElementById (id) e

innerHTML

l'output avverrà in uno span, e quindi preparo lo span e gli do un id:

<span id="datastri"> </span>

Non capisco però perché il tutto non funziona...

Ecco il codice:


<code>

<script type="text/javascript" language="javascript">

dada=null;
dastri=null;
dadad=new Date();
function initialize() {
dada=dadacrea(dadad);
var dastri='<span>' + dada + ' UTC </span>';
// $(dastri).appendTo('#datastri');
document.getElementById('datastri').innerHTML = dastri;
}
function dadacrea(daobj) {
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
return aaaa + '-' + mm + '-' + gg + 'T' + hh + ':' + min + ':' + ss + 'Z' ;
}
</script>
</head>


<span id="datastri"> </span>

</code>



1) la function dadacrea(daobj) calcola l'orario e restituisce come valore di espressione :
return aaaa + '-' + mm + '-' + gg + 'T' + hh + ':' + min + ':' + ss + 'Z' ;

2) a dada è associato "dadacrea(dadad)" infatti vi è: dada=dadacrea(dadad);


3) e abbiamo: var dastri='<span>' + dada + ' UTC </span>';

4) e infine abbiamo: document.getElementById('datastri').innerHTML = dastri;
che sostiutisce allo span con id "datastri" il valore della variabile dastri .... ovvero l'orario avuto dalla funzione.


Ma perché tutto ciò non funziona??? e nello span non compare l'orario?

[cavicchiandrea]

<script type="text/javascript" language="javascript">

//lanciamo lo script al caricamento
onload=function(){
var daobj=new Date(); 
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + 'T' + hh + ':' + min + ':' + ss + 'Z' ;
}
</script>

<span id="datastri"> </span>
Non ho verificato se script "orologio" sia corretto e funzioni, ritengo di si, se non vuoi che parta al caricamento (onload) lo togli e nomi la funzione che richiamerai all'evento che preferisci

[Rodrigoson6]

<script type="text/javascript" language="javascript">

//lanciamo lo script al caricamento
onload=function(){
var daobj=new Date(); 
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + 'T' + hh + ':' + min + ':' + ss + 'Z' ;
}
</script>

<span id="datastri"> </span>
Non ho verificato se script "orologio" sia corretto e funzioni, ritengo di si, se non vuoi che parta al caricamento (onload) lo togli e nomi la funzione che richiamerai all'evento che preferisci

Perdona la mia estrema ignoranza.. Ma sono all'inizio con js e non ho capito cosa ha scritto :'(
e non capisco perche ad "innerHTML= x" hai sostituito x con il l'espressione associata a return

[cavicchiandrea]

Perdona tu, non puoi sperare che il forum ti faccia da tutor e ti spieghi js (per questo ci sono altri metodi libri, corsi, etc...).
Il tuo script non andava l'ho ottimizzato (togliendo cose inutili) ora (dopo una verifica) lo ulteriormente sistemato http://webandylab.altervista.org/orologio.html se oltre allo script ti serve una spiegazione non sono la persona adatta (perché sono auto didatta e potrei dare una spiegazione errata) attendi altri utenti più preparati sulla teoria

[Rodrigoson6]

ti capisco...hai perfettamente ragione... COMUNQUE

ora che hai ottimizzato lo script non capisco come potrei fare una cosa....

prima (con lo script originale postato all'inizio del topic) avevano senso alcuni script presenti più in la che non ho postato.. ad esempio:


<code>

var hh=new Number(dada.substr(11,2));
var min=new Number(dada.substr(14,2));

</code>

e ricordo che vi era:

dada=dadacrea (dadad);

e la funzione che calcola l'orario si chiamava:

function dadacrea(daobj)


Qui nei due script che ho postato con il metodo Substr venivano creati due oggetti ottenendo sottostringhe di lunghezza specifica dall'espressione associata a return della funzione dadacrea (da obj) . E l'espressione sarebbe:

aaaa + '-' + mm + '-' + gg + 'T' + hh + ':' + min + ':' + ss + 'Z' ;


quindi prendendo lo script

var hh=new Number(dada.substr(11,2));

si otteneva il valore dell'ora...


ma con lo script ottimizzato ciò non è più possibile....


come si può risolvere ? :/






perdonami ancora....


Ti ringrazio veramente!

[KillerWorm]

Ciao,
nel tuo post iniziale vedo che hai inserito lo script dentro la funzione initialize() ma non vedo la chiamata a tale funzione. E' palese che non potrà succedere niente se quella funzione non è richiamata.
Ora, dal momento che stai interagendo con gli elementi del DOM, è essenziale che quella funzione sia richiamata dopo che la pagina è stata caricata completamente. Ci sono diversi modi per farlo. Uno di questi è l'utilizzo del gestore di evento onload.
Tralasciando le altre modifiche, Andrea ha giustamente utilizzato l'evento onload a cui ha associato una funzione dove ha inserito tutto lo script.
Ad ogni modo, prendendo il tuo script così com'è, potresti comunque lanciare la funzione initialize inserendo semplicemente una riga del genere:

onload = initialize;

o richiamarla dal tag body, in questo modo:

<body onload="initialize()">

[Rodrigoson6]

Ciao,
nel tuo post iniziale vedo che hai inserito lo script dentro la funzione initialize() ma non vedo la chiamata a tale funzione. E' palese che non potrà succedere niente se quella funzione non è richiamata.
Ora, dal momento che stai interagendo con gli elementi del DOM, è essenziale che quella funzione sia richiamata dopo che la pagina è stata caricata completamente. Ci sono diversi modi per farlo. Uno di questi è l'utilizzo del gestore di evento onload.
Tralasciando le altre modifiche, Andrea ha giustamente utilizzato l'evento onload a cui ha associato una funzione dove ha inserito tutto lo script.
Ad ogni modo, prendendo il tuo script così com'è, potresti comunque lanciare la funzione initialize inserendo semplicemente una riga del genere:

onload = initialize;

o richiamarla dal tag body, in questo modo:

<body onload="initialize()">

è vero hai ragione...

ma con lo script ottimizzato ovvero:

 onload=function(){
 setInterval(function dadacrea(){
var daobj=new Date(); 
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + ' T ' + hh + ':' + min + ':' + ss + ' Z'},1000)
}

i due script

 var hh=new Number(dada.substr(11,2));
var min=new Number(dada.substr(14,2));

non potranno funzionare.. infatti la "funzione orologio" prima si chiamva dadacrea ma soprattutto vi era inserito nella funziona initialize

 dada= dadacrea;

e ora come si risolve?

[KillerWorm]

Chiaro.
Come ho scritto sopra, puoi usare il tuo script (non quello ottimizzato) e inserirci semplicemente

onload = initialize;

Il tutto dovrebbe funzionare.

[Rodrigoson6]

Chiaro.
Come ho scritto sopra, puoi usare il tuo script (non quello ottimizzato) e inserirci semplicemente

onload = initialize;

Il tutto dovrebbe funzionare.

ma utilizzando lo script ottimizzato e quindi eliminando ciò che ha eliminato Andrea, come potrei risolvere il problema del

 var hh=new Number(dada.substr(11,2));
var min=new Number(dada.substr(14,2));

qualche dritta ?

[cavicchiandrea]

Se funziona come ha consigliato killerworm non ostinarti a volerlo ottimizzare perché probabilmente non è possibile