Inserimento dati form e stampa a video delle variabili con document.write

**6736paolo** · 08-10-2015, 15:14

Ciao a tutti,
premetto di non avere molte competenze in materia stavo cercando di realizzare un semplice script che immesse delle variabili dentro un form html mi generi delle righe con del testo fisso e del testo variabile (presso appunto dalle caselle del form).
Il testo deve essere mostrato su righe diverse.

Stavo usando questa procedura: (copio solo alcune righe di esempio)

codice:

<form method="get" name="dati"> 




<table align="left" width="80%" >
<TR>


<TD width="20%">HOSTNAME </td>
<td><input type='text' id='hostname' /> </TD>
</tr>


<TD ><input type="submit" value="invia" onClick="javascript:mostra()"> 
</td>
</tr>
</form>


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


     function mostra()
{
var hostname = document.getElementById('hostname');




document.writeln("set hostname "+ hostname.value);


}
	 




</script>

e cosi ovviamente funziona.
Il problema nasce quando aggiungo le altre righe

tipo una situazione cosi:

document.writeln("set no-default-gateway");
document.writeln("set hostname "+ hostname.value);

in questo caso mi stampa a video solo la prima riga. In pratica credo sia una questione di concatenazione. Ho provato anche ad aggiungere il segno + prima di "set hostname " ma non funziona.

Grazie a chi mi puoi aiutare!

**cavicchiandrea** · 08-10-2015, 15:33

Ciao e benvenuto, non puoi usare document.write dopo aver generato la pagina perché sovrascrive tutto, metti un div/span nel documento con un id e inietti quello che vuoi aggiungere usando document.getElementById("tuoidelemento").innerHTML =tuovalorecampo

**6736paolo** · 08-10-2015, 15:50

Originariamente inviata da cavicchiandrea

Ciao e benvenuto, non puoi usare document.write dopo aver generato la pagina perché sovrascrive tutto, metti un div/span nel documento con un id e inietti quello che vuoi aggiungere usando document.getElementById("tuoidelemento").innerHTML =tuovalorecampo

grazie x la celerità e per il benvenuto...

scusami intendi cosi?

<div id="risposta">

set hostname <script language='javascript'>document.getElementById("ris posta").innerHTML =hostname.value</script>
set gateway <script language='javascript'>document.getElementById("ris posta").innerHTML =gateway.value</script>
......
....

</div>

**cavicchiandrea** · 08-10-2015, 16:31

Non proprio

codice:

<script language='javascript' type="text/javascript">
function mostra()
{
var hostname = document.getElementById('hostname');

document.getElementById("risposta").innerHTML = hostname.value+' '+gateway.value;
}
</script>

body:
<div id="risposta"></div>
Se posso, studiati una guida base che trovi in rete o qui html.it

**6736paolo** · 09-10-2015, 12:04

Originariamente inviata da cavicchiandrea

Non proprio

codice:

<script language='javascript' type="text/javascript">
function mostra()
{
var hostname = document.getElementById('hostname');

document.getElementById("risposta").innerHTML = hostname.value+' '+gateway.value;
}
</script>

body:
<div id="risposta"></div>
Se posso, studiati una guida base che trovi in rete o qui html.it

Grazie per le dritte...qualcosa ho capito, ma evidentemente non del tutto...visto che non mi funziona...potresti dirmi gentilmente dove sbaglio?

codice:

<html>
<head>


<script language='javascript' type="text/javascript">
function mostra()
{
var hostname = document.getElementById("hostname").value;
var gateway = document.getElementById("gateway").value;




document.getElementById("risposta").innerHTML = "set hostname" +hostname+ "set gateway" +gateway+;
}
</script>






</head>


<body>
<form method="get" name="dati" action="risposta.html">
	<table align="left">
		<tr>
			<td>HOSTNAME </td>
			<td><input type='text' id='hostname' /> </td>
		</tr>
		
		<tr>
			<td>GATEWAY </td>
			<td><input type='text' id='gateway' /> </td>
		</tr>
		<tr>
			<td ><input type="submit" value="invia" onClick="javascript:mostra()"></td>
		</tr>
	</table>
</form>








<div id="risposta">


</div>




</body>
</html>

**cavicchiandrea** · 09-10-2015, 13:48

usa il tasto button usando il submit il form viene inviato prima che statti l'evento onclick <input type="button" value="invia" onClick="mostra()">

**6736paolo** · 09-10-2015, 15:38

Originariamente inviata da cavicchiandrea

usa il tasto button usando il submit il form viene inviato prima che statti l'evento onclick <input type="button" value="invia" onClick="mostra()">

provato, ma non funziona

**6736paolo** · 09-10-2015, 20:12

Originariamente inviata da 6736paolo

provato, ma non funziona

rettfico, funziona avevo messo una + di troppo.
grazie
ciao!

Discussione: Inserimento dati form e stampa a video delle variabili con document.write

Strumenti discussione

Ricerca discussione

Visualizza

Inserimento dati form e stampa a video delle variabili con document.write

Permessi di invio