Aggiungere una riga con document.write

**Zagorax** · 24-02-2010, 16:30

Ciao a tutti.

Ho un sito in cui recensisco le offerte fatte dalle banche e volevo mettere a disposizione degli utenti un sistema per calcolare gli interessi.

Riesco ad ottenere il risultato, il problema è che l'istruzione document.write scrive il risultato in una pagina bianca. C'è un modo per "aggiungere" il risultato sotto la calcolatrice? Quindi: c'è un modo per far sì che l'istruzione document.write aggiunga codice html ad una pagina già caricata?

Non mi piacciono nè la soluzione con window.alert, nè quella di utilizzare un ulteriore campo del form in cui stampare il risultato.

Grazie
Ciao

**Xinod** · 24-02-2010, 17:00

document.getElementById('id_elemento').innerHTML=' quello che vuoi';
ciao

**Zagorax** · 24-02-2010, 17:22

Ti ringrazio! Con qualche ricerca su google mi sono chiarito le idee! Era quello che cercavo!

**Zagorax** · 24-02-2010, 20:40

Era quello che cercavo... ma non riesco a farlo funzionare.

Cercando su google ho trovato che bisogna specificargli da quali attributi prendere gli Id degli elementi. L'ho trovato qui Non è automatico che li prenda dall'attributo id. Può darsi che sia questo il problema? Se si, come lo posso risolvere?

Questo è il codice della pagina, magari l'errore che faccio è un altro:

<body>
<script type="text/javascript" language="javascript">
</script>
<div align="center">
<table width="400">
<tbody>
<tr>
<td>
<form name="calcolatore" onSubmit="calc_int()">
<table>
<tbody>
<tr>
<td>

Somma:</p>
</td>
<td> <input name="soldi" value="" size="30" align="right"
type="text"></td>
</tr>
<tr>
<td>

Tasso d'interesse:</p>
</td>
<td> <input name="interessi" value="" size="30"
type="text"></td>
</tr>
<tr>
<td>

Giorni:</p>
</td>
<td> <input name="giorni" value="" size="30" type="text"></td>
</tr>
<tr>
<td> <input name="cancella" value="Svuota il calcolatore"
type="reset"></td>
<td> <input name="submit" value="Calcola" type="submit"></td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
</tbody>
</table>
</div>
<h1 align="center" id="risultato"></h1>
</body>

Grazie
Ciao

**Massimo61** · 25-02-2010, 13:11

Ciao,

document.getElementById("risultato").innerHTML=int _final;

non usare un submit ma un button e onclick

<form name="calcolatore">

<input name="nome" value="Calcola" type="button" onclick="calc_int()">

Per stampare il risultato, metti un <div con il nome id risultato dove vuoi farlo stampare a video

<h1 align="center"> <div id="risultato"></div></h1>

Massimo

**Zagorax** · 25-02-2010, 14:26

Ahhhhhh ma quindi dentro innerHTML non devo scrivere come se fosse HTML puro?

Ciao
Francesco

**Massimo61** · 25-02-2010, 14:41

Ciao,

innerHTML permette di scrivere codice html ES:

document.getElementById("risultato").innerHTML="<f ont color='red'>"+int_final+"</font>";

Nel tuo caso quello che devi stampare è il risultato di una variabile int_final, che è già scritta

var int_final=Math.round(int_netti*100)/100;

Massimo

**Zagorax** · 25-02-2010, 14:45

Grazie per l'aiuto. Trattandosi di HTML ero convinto che dovevo inserire il tutto fra i tag script.

Comunque adesso funziona con il bottone e senza submit, comunque ti dico che funziona anche senza il tag <div>.

Ciao e grazie

**Massimo61** · 25-02-2010, 14:54

Ciao,

si funziona anche senza <div in un <p ecc...

se vuoi cancellare il risultato della variabile int_final, nel div o dove lo metterai aggiungi al <input reset

<input name="cancella" value="Svuota il calcolatore" type="reset" onclick='document.getElementById("risultato").inne rHTML=""'>

Massimo

Discussione: Aggiungere una riga con document.write

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungere una riga con document.write

Permessi di invio