Formulario para Calcular Peso

bathory84 · #1 (**permalink**) 04/10/2012, 12:48

Hola que tal amigos, estoy haciendo un Pagina web sobre une empresa que hace envios de articulos electronicos desde EEUU a Venezuela.

Hay una seccion que tiene un Formulario en el cual hay que sacar unas multiplicaciones para calular el peso del paquete que se va a enviar. Aqui les dejo un Link de ejemplo:

http://www.dualcargo.com/calcule-su-...venezuela.html

En este caso la multiplicaciónn es: LARGO X ANCHO X ALTO luego se divide entre 166 y tiene que dar como resultado el peso en Libras, ejemplo:

Largo del paquete 14 X Ancho del paquete 15 X Alto del paquete 17 = 3570. Dividido entre 166 = 21.50 libras.

Será que esto lo pueso hacer con Flash? ya que no estoy muy familiarizado con otro tipo de formulario.

javierflti · #2 (**permalink**) 05/10/2012, 04:59

no se que decirte, si que lo puedes hacer, pero luego el resultado lo tendrías que pasar a php o al lenguaje que utilices para procesarlo todo

tutorias · #3 (**permalink**) 21/10/2012, 15:17

Un saludo. Con html5 puedes hacerlo simplemente asi:

Código HTML:

<!DOCTYPE HTML>
<html lang="es-CO">
<head>
  <meta charset="UTF-8">
  <title>tutorias.co</title>
</head>
<body>
  <form oninput="calcularPeso.value = 'Peso en Libras >> ' + (largo.value * ancho.value * alto.value) / 166">
      <label>Largo</label>
      <input autofocus required placeholder="Largo" type="text" name="largo" id="largo" />
      <label>Ancho</label>
      <input required placeholder="Ancho" type="text" name="ancho" id="ancho" />
      <label>Alto</label>
      <input required placeholder="Alto" type="text" name="alto" id="alto" />
      <br><br><output name="calcularPeso" for="largo ancho alto"></output>
  </form>
</body>
</html>

C2am · #4 (**permalink**) 21/10/2012, 22:46

Excelente tuto , sólo una observación, el oninput no es soportado por el IE, (ohh sorpresa!!??).
http://www.w3schools.com/tags/tag_output.asp

Aclaro para que bathory84 (si es que vuelve al tema) lo tenga presente, ya que me parece que no es un simple control de formulario, sino que es parte de un servicio (creo).

Saludos

PD: tutoriasco, tu nik me predispone mal, digo, lo que leo es tutori asco, no sé por qué. Supongo que es tutorias co (de colombia).
Es solo una observación. saludos

tutorias · #5 (**permalink**) 22/10/2012, 12:09

Hola bathory84. Si depronto no deseas implementar la anterior solucion, puedes usar esta con javascript pero ten en cuenta que igual, el usuario podria deshabilitar los script, luego, la manera más segura seria hacerlo del lado del servidor.

Código HTML:

<!DOCTYPE HTML>
<html lang="es-CO">
<head>
  <meta charset="UTF-8">
  <title>tutorias.co</title>
  <script type="text/javascript">
    function calcularPeso(){
      largo = document.getElementById("largo").value;
      ancho = document.getElementById("ancho").value;
      alto  = document.getElementById("alto").value;
      document.getElementById("respuesta").innerHTML = (largo * ancho * alto) / 166;
    }
  </script>
</head>
<body>
  <form>
      <label>Largo</label>
      <input required placeholder="Largo" type="text" name="largo" id="largo" />
      <label>Ancho</label>
      <input required placeholder="Ancho" type="text" name="ancho" id="ancho" />
      <label>Alto</label>
      <input required placeholder="Alto" type="text" name="alto" id="alto" />
      <input type="button" value="calcular peso" onclick="calcularPeso()" />
      <br><br><div id="respuesta"></div>
  </form>
</body>
</html>

furoya · #6 (**permalink**) 22/10/2012, 20:18

Te tengo malas noticias, tutoriasco: tu ejemplo anterior también es javascript. Digo, por si no lo escribiste vos y por eso no lo sabías.
Y la recomendación de usar lenguajes de servidor fue lo primero que le propusieron.

Hay maneras más eficientes de manejar un formulario con javascript, pero quizá bathory84 debería mirar algún tutorial (básico) de HTML+JS. Para aprender a hacer operaciones aritméticas y el acceso a campos de formulario.

tutorias · #7 (**permalink**) 22/10/2012, 22:16

No encuentro cual es la mala noticia y si, es verdad, el anterior ejemplo también usa javascript ¿alguien dijo lo contrario? al parecer tu delirios de grandeza te hace suponer cosas (estoy suponiendo que sufres delirios de grandeza y orgullo asi como usted supone que yo no sé lo que posteo). Por favor lee bien antes de postear algo.

Es un honor para mi ocupar ya más de cuatro de sus post. Muchas gracias y una vez mas recuerdo al perro de mi casa que orinaba las botas de mis amigos solo para marcar su territorio

Cita:

Iniciado por furoya

Te tengo malas noticias, tutoriasco: tu ejemplo anterior también es javascript. Digo, por si no lo escribiste vos y por eso no lo sabías.
Y la recomendación de usar lenguajes de servidor fue lo primero que le propusieron.

Hay maneras más eficientes de manejar un formulario con javascript, pero quizá bathory84 debería mirar algún tutorial (básico) de HTML+JS. Para aprender a hacer operaciones aritméticas y el acceso a campos de formulario.