ciao, volevo fare quanto segue:
mettere in una pagina 3 semplici cose:
un campo di input
un bottone
una tabella con un td avente un id
con la pressione sul pulsante si mette il valore del campo di input nel td della tabella avente id particolare.
questa modifica dinamica può essere realizzato con DOM.
però non riesco a farlo.
avete per caso un semplice esempio?
grazie mille
vi posto il codice che ho realizzato finora. il problema in questa semplica pagina sono :
il primo sta nel fatto che non riesco a recuperare il valore del campo di input
il secondo sta nel fatto che riesco a scrivere il valore della variabile txt(che dovrebbe essere quella che contiene il valore del campo di input e che per ora è init a 1), ma subito dopo ritorna il valore in precedenza presente nella tabella, ovvero : "quattro".
<html>
<head>
<title>prova modifica dinamica</title>
<script language="Javascript">
function prova(){
alert('in funzione di prova');
var txt='1';
var root_node = document.getElementsByTagName('input');
alert(root_node);
var testo = root_node[0];
alert(testo);
//alert(root_node);
//alert(root_node[0].data);
//txt += root_node.data;
//alert(txt);
document.getElementById('quatri').innerHTML = txt;
alert('aaa');
// "<td id='quatri'>"+root_node+"</td>";
}
</script>
</head>
<body>
<table>
<tr>
<td>uno</td>
<td>due</td>
</tr>
<tr>
<td>tre</td>
<td id="quatri">quattro</td>
</tr>
</table>
<form method="post">
<input value="prova" type="submit" onclick="prova();">
</form>
<input id="in" maxlength="5">
</body>
</html>
ho risolto il problema che riguarda il ritorno al valore precedente.
basta sostituire al form il button, vi posto il codice così potete provare.
rimane il problema della lettura del valore del campo di input.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>di nuovo prova per modifica dinamica</title>
<script language="javascript">
function proviamo(){
alert('in funzione proviamo');
var txt='a';
var root_node = document.getElementsByTagName('form').item(0);
alert(root_node);
alert(root_node[0]);
document.getElementById('quattro').innerHTML = '<td>'+txt+'</td>';
}
</script>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td id="quattro">4</td>
</tr>
</table>
<button onclick="proviamo();">bottone</button>
</p>
<form>
<input maxelement="5">
</form>
</body>
</html>
grazie mille per l'aiuto.
ciao
sono riuscito a risolvere il problema: posto il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>di nuovo prova per modifica dinamica</title>
<script language="javascript">
function proviamo(){
//alert('in funzione proviamo');
var txt='';
var root_node = document.getElementsByTagName('form').item(0);
//alert(root_node);
//alert(root_node[0].value);
txt += root_node[0].value;
document.getElementById('quattro').innerHTML = '<td>'+txt+'</td>';
}
</script>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td id="quattro">4</td>
</tr>
</table>
<button onclick="proviamo();">bottone</button>
</p>
<form>
<input maxelement="5">
</form>
</body>
</html>
Permessi di invio
Rispondi quotando