Evento onKeyUp suma automatico

lunes, 23 de septiembre de 2013

Evento ONKEYUP suma automatico sin refrescar la pagina da el resultado en tiempo real al soltar una tecla Descarga el código

<html>

<head>
<title>Actualiza caja de texto en automatico</title>
</head>
<body>

<script language="javascript">
//el nombre de nustra funcion "Totales"
function Totales() {
with (document.forms["Miformularionombre"]) // el nombre del formulario
{
var totalResult = Number( caja1.value ) + Number( caja2.value );
//sumamos las cajas con los nombres
total.value = roundTo( totalResult, 2 );
}
}

function roundTo(num,pow){
if( isNaN( num ) ){
num = 0;
}

num *= Math.pow(10,pow);
num = (Math.round(num)/Math.pow(10,pow))+ "" ;
if(num.indexOf(".") == -1)
num += "." ;
while(num.length - num.indexOf(".") - 1 < pow)
num += "0" ;

return num;
}
</script>

<p align="center"><b>Actualiza caja de texto en automatico</b> CON onKeyUp</p>
<form name="Miformularionombre">

Caja 1<input onKeyUp="Totales()" type="text" name="caja1" > 

<BR>
Caja 2<input onKeyUp="Totales()" type="text" name="caja2" > 
<BR>
Total:<input type=text name="total" readonly > 
</form> 

</body>
</html>

Pages

.