Comunidad de diseño web y desarrollo en internet online

Eventos de la caja de Texto en HTML?

Citar            
MensajeEscrito el 26 Jul 2012 10:04 pm
Buenas, no se si estara correctamente mi pregunta, pero mi duda es la siguiente tengo que hacer una web donde me piden los siguientes requisitos:
1. Se ingresa el codigoProducto, Precio y Cantidad , al poner la cantidad automáticamente(sin pulsar ningun boton) me debera mostrar el importe total(Cantidad * Precio) en otra cajita llamado Importe.
¿Como lo hago con Php o JavaScript?
A continuacion mi tabla: :?

Código HTML :

<table width="400" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<td>Codigo del Producto</td>
<td>Cantidad</td>
<td>Precio</td>
<td>Importe</td>
</tr>
<tr>
<td><input name="txtProdCod" type="text" onkeypress="return soloNumeros(event);" maxlength="4"/></td>
<td><input name="txtProdCant" type="text" onkeypress="return soloNumeros(event);" maxlength="2"/></td>
 <td><input name="txtProdPre" type="text" onkeypress="return soloNumeros(event);"/></td>
<td><input name="txtImporte" type="text" /></td>
</tr>
</table>


Agradesco su ayuda de antemano :)

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Jul 2012 01:36 am
por rapidez con javascript, pero tambien tienes que validarlo con PHP, recuerda nunca confiez en el internauta :)

Por tuadmin

Claber

598 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Jul 2012 02:00 pm
Pero? como lo hago?, porfa algun ejemplo :(

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Jul 2012 04:44 pm

Código Javascript :

<script type="text/javascript">
function Calcular() {
   var cantidad = parseInt(document.getElementById("prodCant").value,10);
   var precio = parseInt(document.getElementById("prodPrec").value,10);
   document.getElementById("prodImporte").value = (precio*cantidad);
   return true;
}
</script>
...
<table width="400" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<td>Codigo del Producto</td>
<td>Cantidad</td>
<td>Precio</td>
<td>Importe</td>
</tr>
<tr>
<td><input name="txtProdCod" type="text" onkeypress="return soloNumeros(event);" maxlength="4"/></td>
<td><input name="txtProdCant" type="text" id="prodCant" onkeypress="return soloNumeros(event);" onBlur="return Calcular();" maxlength="2" /></td>
 <td><input name="txtProdPre" type="text" id="prodPrec" onkeypress="return soloNumeros(event);" onBlur="return Calcular();" /></td>
<td><input name="txtImporte" type="text" id="prodImporte" /></td>
</tr>
</table>

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 31 Jul 2012 06:52 pm
GRacias men servio de muxo

Por talentocomputo

38 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.