Calcular campo y visualizar su restudado en otro a la vez

[ariochy11053]

Hola a todos, soy muy novato con respecto a javascript, por lo que le s voy a explicar mi problema y que es lo que quiero.

Tengo una página Web que muestra un formulario cuyos campos varian en la cantidad en dependencia de los registros que me devuelve una consulta que hago a mi base de datos. El formulaio me recoje la cantidad de productos comprados por un usuario y el importe de ese producto comprado.

Lo que quiero hacer es que cuando ingrese la cantidad del producto comprado y el puntero salga de ese campo, entonces en el otro campo que me recoje el importe por producto, automáticamente conociendo su precio, este se calcule y aparesca insertado en el campo.

Para despues poder guardar la información del formulario en mi base de datos.

Saludos para todos y espero que me puedan ayudar con este código.

[Pablo Ayala]

Es un poco confuso.... que te parece si publicas un poco del codigo para poder ayudarte?

Saludos

[ariochy11053]

El código es solo PHP y lo que quiero es poder insertarle algo de javascript que me haga esas funciones.

[laratik]

Hola ariochy11053, no se si entendí bien, lo que quieres es realizar operaciones sobre algunos elementos del formulario para que automáticamente al hacer un onBlur te muestre el resultado en otro input. Si así es de las cosas más básicas de javascript y seria algo como esto:

Código Javascript:

function calcular(e) {
    var precio=500;//precio ya conocido
    var el = event.srcElement || e.target;//Tomamos la referencia del elemento que dispara la función
    if(!isNaN(el.value)) {//verificamos que el valor introducido en el input sea numerico
        document.getElementById("target").value = precio*el.value;//agregamos al value del elemento objetivo la operación para calcular el importe
    } else {
        alert("Solo valores numericos");//opcionalmente si quieres puedes mostrar un mensaje cuando el valor introducido no sea numerico
    }
}
 

Código HTML:

Cantidad: <input type="text" onBlur="calcular()">
Total: <input type="text" id="target"> 

Si no es lo que necesitas, puedes ser un poco más especifico. Espero haberte sido de ayuda.

[ariochy11053]

laratik, es eso mismo lo que quiero hacer, pero porque cuando correo el código con Internet explorer me corre, pero cuando lo ejecuto con Mozilla firefox no me hace nada y sin embargo otros códigos javascript si me funcionan y esto no con este último navegador. Además como puedo hacer para que la variable precio tome un precio dinámico segun una consulta hecha a mi base de datos segun los precios que tengan los productos.

[laratik]

No creí que fuera a tener problemas al no enviar explicitamente el evento, pero al parecer firefox si lo tiene, así que deberías enviar el evento:

Código HTML:

Cantidad: <input type="text" onBlur="calcular(event)"> 

y modificar la forma en que capturas el elemento que dispara el evento:

Código Javascript:

var el = e.srcElement || e.target;
 

Acerca de que precio tome un valor dinámico según tu consulta, es relativamente sencillo:

Código PHP:

 var precio=<?php echo $precio ?>;  

En donde $precio contiene el resultado de la consulta realizada a la base de datos. Espero haber resuelto tus dudas.

[ariochy11053]

Gracias colega ahora si me funcionó con el mozilla, y gracias por darme la idea de como pasarle el precio de forma dinámica.