document.write scrive caricando una nuova pagina

[Donovant]

Vorrei capire come mai in questa porzione di codice:

<form name="campotxt" action="#">
                     <textarea name="field" rows="3" cols="30" >Campo testuale</textarea>
                     <span class="r" onclick="document.write('<span class=\'r\'>Questo è il testo: '+ document.campotxt.field.value+'</span>');">Click on me</span>
</form>

"document.write", scrive tutto quello che è presente nella "textarea" ma caricando una nuova pagina...
Qualcuno mi sa spiegare perchè e come risolvere la cosa facendo scrivere il tutto sotto il tag <FORM> ???
Grazie.

[netta13]

Pensandoci così al volo fossi in te scriverei:


<script>
function writeField(fieldelement){
fieldelement.innerHTML = "<span class=\"r\">Questo è il testo: "+ document.campotxt.field.value+"</span>";
}
</script>
<form name="campotxt" action="#">
<textarea name="field" rows="3" cols="30" >Campo testuale</textarea>
<span class="r" onclick="writeField(this);">Click on me</span>
</form>

[Donovant]

Sinceramente nn ho capito cosa hai fatto... innerHTML è una funzione?

[netta13]

fieldelement è l'oggetto che gli passo onclick (se guardi: l'evento "onclick" richiama la funzione "writeField" passandogli come parametro "this", che vuol dire se stesso, cioè lo span).
innerHTML è una proprietà dell'elemento e vuol dire "l'html contenuto nell'elemento".
se posso consigliarti una guida a Javascript guarda un po' quà

[Donovant]

Ok, non avevo visto che all'interno del metodo avessi utilizzato il parametro passato.
Cmq la funzione nn va bene, perchè sostituisce allo span Click Me con il testo che è presente nel metodo, proprio per quell' "innerHTML".

[netta13]

ok, se vuoi mantenere quello che c'è già scritto dentro all'elemento basta che aggiungi il nuovo testo a quello vecchio così:

function writeField(fieldelement){
fieldelement.innerHTML += "<span class=\"r\">Questo è il testo: "+ document.campotxt.field.value+"</span>";
}

[Donovant]

No scusa, io nn voglio solo che si mantenga, ma vorrei fosse scritto in un altro span, fuori da quello del "Click Me".

[Donovant]

Ho provato così ma nada, non succede nada.

<form name="campotxt" action="#">
                     <textarea name="field" rows="3" cols="30" >Campo testuale</textarea>
                     <span class="r" onclick="document.campotxt.copy.innerHTML = '<span class=\'r\' name=\'fill\'>Questo è il testo: '+ document.campotxt.field.value+'</span>';">Click on me</span>
                     <span name="copy">Here</span>
</form>

[homezappa]

Questo va:

<form name="campotxt" action="#">
    <textarea id="field" name="field" rows="3" cols="30" >Campo testuale</textarea>
    <span class="r" onclick="document.getElementById('copy').innerHTML='<span class=\'r\' name=\'fill\'>Questo è il testo: '+ document.getElementById('field').value+'</span>';">Click on me</span>
    <span id="copy" name="copy">Here</span>
</form>

HTH
Zappa

[Donovant]

Ci avevo pensato, ma volevo sapere come mai con NAME non va...?
Cmq grazie.