Hi !
aun no he implementado la recomendacion anterior (estoy trabajando en eso).
pero adicionalmente tengo un problema. y es que cuando presiono enter el focus debe colocarse en el siguiente campo. tengo dos eventos para el calculo porque los campos son numericosy puede introducirse los datos manualmente o clicando sobre las flechas. hasta aqui todo bien.
el problema es cuando llego al campo imprimir. si hago click con el mouse : perfecto me pasa al campo1 pero si presiono enter (mientras esta pulsao pasa al campo1 y al soltarlo pasa al campo2. a menos que apenas pellisque la tecla enter.) me guastaria que lo probaran a ver si existe algun error en el orden o manejo de los eventos.para solucionar este problemita.
Este es el codigo completo (funcional).
<?php
for ($i=1;$i<7;$i++) {
${'x'.$i} = $i*10;
// aqui lo tengocomo prueba pero en realidad estos valores los leo de una tabla
// el siete es un valos tambien tomado deunatabla y puede variar entre 1 y 16
// por lo que en la funcion calcula puedo recibir hasta 16 valores.
// en este caso solo paso 7.
}
?>
<head>
<script type="text/javascript">
function calcula(cantidad, campo,tt1,tt2,tt3,tt4,tt5,tt6,tt7,tt8,tt9,tt10,tt1 1,tt12,tt13,tt14,tt15,tt16) {
var ejemplar=document.getElementById("ejemplar").value
switch (ejemplar){
case "1":
var precio=tt1;
break;
case "2":
var precio=tt2;
break;
case "3":
var precio=tt3;
break;
case "4":
var precio=tt4;
break;
case "5":
var precio=tt5;
break;
case "6":
var precio=tt6;
break;
case "7":
var precio=tt7;
break;
case "8":
var precio=tt8;
break;
case "9":
var precio=tt9;
break;
case "10":
var precio=tt10;
break;
case "11":
var precio=tt11;
break;
case "12":
var precio=tt12;
break;
case "13":
var precio=tt13;
break;
case "15":
var precio=tt14;
break;
case "15":
var precio=tt15;
break;
case "16":
var precio=tt16;
break;
}
document.getElementById(campo).value = cantidad * precio;
}
</script>
<script>
function refrescar()
{
window.location.reload();
}
</script>
<script language="JavaScript">
function A(e,t)
{
var k=null;
(e.keyCode) ? k=e.keyCode : k=e.which;
if(k==13) (!t) ? B() : t.focus();
}
function B()
{
refrescar();
document.forms[0].submit();
return true;
}
</script>
</head>
<body onload="document.getElementById('ejemplar').focus( )"
>
<div align center>
<form name="sumar" method="post">
<table align="center" border="0">
<tr bgcolor="#000000" style="color:#FFF">
<td align="center"><strong>Ej.</strong></td>
<td align="center"><strong>Cant.</strong></td>
<td align="center">Tolal</td>
<td align="center"> </td>
</tr>
<tr>
<td height="35" align="center"><input type="number" class="t" name="ejemplar" id="ejemplar" value="" size="4" maxlength="4" min=1 max=
<?php
// echo $totalRows_Recordset1
?>6 onblur="calcula(this.value, 'tot'
<?php for($z=1;$z<7;$z++){
?>
,
<?php
echo ${'x'.$z};
}
?>
);"
onchange="A(event,this.form.cant);"
onkeyup="A(event,this.form.cant);"
/></td>
<td align="center"><input type="number" id="cant" size="4" maxlength="4" min=1 max=50 class="t" onblur="calcula(this.value, 'tot'
<?php for($z=1;$z<7;$z++){
?>
,
<?php
echo ${'x'.$z};
}
?>
);"
onchange="A(event,this.form.imprime,
);"
onkeyup="A(event,this.form.imprime);"
/></td>
<td align="center"><input type="number" name="tot" id="tot" value="" size="4" maxlength="4" class="t" min=0 max=50000 disabled /></td>
<td align="center"><input type="button" id="imprime" value="Imprimir" class="t" onclick="this.form.submit()"/></td>
</tr>
</table>
</form>
</div>
</body>