Comunidad de diseño web y desarrollo en internet online

Enviar y calcular dentro de un formulario

Citar            
MensajeEscrito el 23 Jun 2007 12:41 am
Hola, ante nada, agradecerles por su ayuda.
Estoy desarrollando en php y mysql, necesito que en un formulario antes de enviar y se guarden los datos, quisiera que cuando ingrese los campos de COSTO, PORCENTAJE DE VENTA, se calcule PRECIO DE VENTA presionando un BOTON (submit o button).
ME dijeron que puedo hacerlo con AJAX. Pero ni idea, porfavor alguien podria darme una alternativa.?? Gracias.

Por korina

2 de clabLevel



 

msie
Citar            
MensajeEscrito el 23 Jun 2007 01:40 pm
No necesariamente con AJAX, basta que uses Javascript. Tienes que usar por ejemplo:

Código :

function calcula()
{
document.formnombre.nombrecampotres.value=document.formnombre.nombrecampouno.value+document.formnombre.nombrecampdos.value;
return false;
}
y luego llamas la funcion dentro del htm Asi:

<input type="submit" id="calcula" onsubmit="calcula()" value="BOTTON"/>

Por york3rs

Claber

561 de clabLevel

1 tutorial

Genero:Masculino  

LA___Chile

msie
Citar            
MensajeEscrito el 23 Jun 2007 05:40 pm
Hola Korina, Javascript es más que suficiente, mira este otro ejemplo:

Código :

<script language="javascript">
function calcula()
{
   var resultado = parseFloat(document.getElementById("costo").value);
   resultado = resultado * (parseFloat(document.getElementById("porcentaje").value) / 100);
   document.getElementById("precio").value = resultado;
}
</script>


Yo prefiero usar getElementById, es más directo y fácil de utilizar que el objeto forms, además no me pierdo tanto, note que he declarado una variable donde primero almaceno lo que tiene la caja de texto costo, luego a esa variable le sumo el resultado + el porcentaje obtenido, la función parseFloat hará la conversión a decimal, y al final lo muestro en la caja de texto precio, ahora veamos el html

Código :

<form method="post" action="#">
  <p>Costo <input type="text" id="costo"  value="0" /></p>
  <p>Porcentaje <input type="text" id="porcentaje"  value="0" /></p>
   <p>Precio <input type="text" id="precio"  value="0" /></p>
   <input type="button" onclick="javascript: calcula();" value="Calcular" />
</form>


Ahora, como vez, use # en lugar de especificar una página para evitar que el formulario se vaya a otro lugar y un objeto button en lugar de un submit. Espero que te sirva. Saludos!

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 19 Jul 2007 01:42 am
:D
Hola muchas gracias, efectivamente use javascript, y no lo habia tomado en cuenta...gracias.
Bueno solo a modo de curiosidad, si conoces algun standar de programación, es decir standar al declarar las variables y almacenar los scrips en carpetas de acuerdo a una caracteristica. por ejemplo, he visto que algunos guardan todos los javascript en carpetas y los archivos en php en otro. Bueno no estoy segura si eso depende del programador o si hay algun standar.
Gracias.

Por korina

2 de clabLevel



 

msie

 

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