input onchange funziona solo 1 volta

**dexter** · 15-01-2010, 18:45

ciao,sonoun niubbo di js e mi scuso per la domanda forse stupida ma ho googolato e non ci salto fuori.

ho fatto sto script

function percentuale()
{
imponibile = eval(document.form.imponibile.value);
aliquota = eval(document.form.aliquota.value);
lordo = ((imponibile * aliquota)/100)+ imponibile;
if (document.getElementById("member_id").firstChild == null) {
document.getElementById("member_id").appendChild(d ocument.createTextNode(lordo));
}
else
{
document.getElementById("member_id").firstChild.no ;
deValue ="Something Else";
}
}

poi ho la mia form

<form name="form">
Quando cambio campo lui scrive nel div

Imponibile netto:<input type="text" name="imponibile" maxlength="9" style="text-align:right;" id="imponibile" /> €

Aliquota IVA:
<input type="text" name="IVA" maxlength="9" style="text-align:right;" onchange="percentuale();" id="aliquota" /> % <span style="font-weight:bold;border:solid 1px#FFFF4D;">Lordo <span id="member_id"></span> €</span></td></tr>

</form>

la prima volta che esco dal primo campo mi compila dinamicamente il contenuto del div, poi se correggo il valore del primo input non rifa nulla.

come faccio ad evitare un refresh della pagina?

in pratica sia su FF che su IE l'azione onchange la fa una volta sola.

grazie mille

**dexter** · 15-01-2010, 18:58

ok l'inghippo sta nell if/else (che ho rimosso), ma come resetto il contenuto del div?

**cavicchiandrea** · 16-01-2010, 14:24

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function percentuale(importo,ali)
{
var imponibile = eval(importo)
var aliquota =  ali == "" ? 0 : eval(ali)
lordo = ((imponibile * aliquota)/100)+ imponibile;
document.getElementById("member_id").innerHTML=lordo;
}
</script>
<title>Documento senza titolo</title>
</head>
<body>
<form name="form">
Quando cambio campo lui scrive nel div


Imponibile netto:<input type="text" name="imponibile" maxlength="9" style="text-align:right;" onchange="percentuale(this.value,document.getElementById('aliquota').value);" id="imponibile" /> €

Aliquota IVA:
<input type="text" name="IVA" maxlength="9" style="text-align:right;" onchange="percentuale(document.getElementById('imponibile').value,this.value);" id="aliquota" /> % <span style="font-weight:bold;border:solid 1px#FFFF4D;">Lordo <span id="member_id"></span> €</span></td></tr>
</form>
</body>
</html>

**dexter** · 25-01-2010, 13:22

grazie andrea! comq in caso servisse ad altri ho fatto cosi:

codice:

function confirm_delete()
	{
		if(confirm("Sei sicuro di volerlo cancellare?") == true){return true;}
		else{return false;}
	}
	function percentuale()
	{
  	 imponibile = eval(document.form.imponibile.value);
  	 aliquota = eval(document.form.aliquota.value);
  	 lordo = ((imponibile * aliquota)/100)+ imponibile;
  		if (document.getElementById("member_id").firstChild == null) {
        document.getElementById("member_id").appendChild(document.createTextNode(lordo));
      } 
      else 
      {
      document.getElementById("member_id").firstChild.nodeValue = lordo;
      }
  }

in sto modo cambiando il valore del primo campo, il valore del div continua ad aggiornarsi

**cavicchiandrea** · 25-01-2010, 13:43

Vado a memoria ma mi sembrava che già lo facesse il mio esempio, comunque se preferisci il tuo ok.

Discussione: input onchange funziona solo 1 volta

Strumenti discussione

Ricerca discussione

Visualizza

input onchange funziona solo 1 volta

Permessi di invio