Il linguaggio JavaScript
 

Prendere una variabile JavaScript ed inserirla all'interno dell'HTML

nazario.derrico1@gmail.com 3 Mar 2015 12:34
Salve,

Quello che sto cercando di realizzare è una timeline con i valori dei mesi
che posso scorrere avanti e indietro.

Ora la timeline è funzionante, il mio problema è che per il momento la
timeline come valori ha delle stringhe inserite direttamente dall'html, per
capirci:

<div id="timeline">
<ul id="mesi">
<li> Gennaio </li>
</ul>
</div>

Quello che in realtà a me servirebbe è che "Gennaio" non fosse li perchè
scritto nell'html, ma devo prendere i valori della timeline da un array di
javascript dove ho memorizzato dei mesi in base a delle mie esigenze.
QUindi mi chiedevo come posso fare a prendere questi valori memorizzati
sull'array javascript e buttarli dentro l'html??


grazie
Andrea Scartabelli 9 Mar 2015 19:30
On 03/03/15 12:34, nazario.derrico1@gmail.com wrote:
> Salve,
>
> Quello che sto cercando di realizzare è una timeline con i valori dei mesi
che posso scorrere avanti e indietro.
>
> Ora la timeline è funzionante, il mio problema è che per il momento la
timeline come valori ha delle stringhe inserite direttamente dall'html, per
capirci:
>
> <div id="timeline">
> <ul id="mesi">
> <li> Gennaio </li>
> </ul>
> </div>
>
> Quello che in realtà a me servirebbe è che "Gennaio" non fosse li perchè
scritto nell'html, ma devo prendere i valori della timeline da un array di
javascript dove ho memorizzato dei mesi in base a delle mie esigenze.
> QUindi mi chiedevo come posso fare a prendere questi valori memorizzati
sull'array javascript e buttarli dentro l'html??

Avrei mille risposte a questa domanda, ma davvero mi hai spiazzato e non
so quale scegliere per aiutarti.

Faccio anche una domanda io: come hai fatto finora e cosa c'è di diverso
adesso che ti blocca?

Per dire: a seconda della situazione potrebbe essere anche un compito da
lasciare al server, e quindi al linguaggio / framework / sistema di
templating che puoi usare lì.

Sul client abbiamo DOM API, la proprietà "innerHTML" e di nuovo sistema
di templating / framework / librerie (come la comunissima jQuery che fa
del suo punto di forza un facile accesso al DOM).

Anche rispondendo un po' di fretta spero di averti almeno fornito
qualche chiave di ricerca.

Provo a darti anche uno spunto di ragionamento sul tuo caso specifico.

var months = ["Gennaio", "Febbraio", ...];
var makeLI = function (s) { return "<li>" + s + "</li>"; };

document.getElementById("mesi").innerHTML = months.map(makeLI);

Poi invece che "makeLI" dovresti avere una funzione generica che crei
qualunque elemento, oppure avere una funzione che rimpiazzi dei
marcatori con quel che vuoi e fare dei piccoli template, oppure...
nazario.derrico1@gmail.com 17 Mar 2015 16:58
Grazie mille per l'aiuto,
in effetti è stato un blocco momentaneo e per fortuna passeggero.

Ragionandoci su sono uscito dal problema senza troppa fatica, sono quei classici
buchi neri che ogni tanto ti prendono.

Links
Giochi online
Dizionario sinonimi
Leggi e codici
Ricette
Testi
Webmatica
Hosting gratis
   
 

Il linguaggio JavaScript | Tutti i gruppi | it.comp.lang.javascript | Notizie e discussioni javascript | Javascript Mobile | Servizio di consultazione news.