Foros del Web » Programando para Internet » Jquery »

encontrar formulario para página web

Estas en el tema de encontrar formulario para página web en el foro de Jquery en Foros del Web. Que tal. Estoy diseñando una página web. Necesito desarrollar una especie de formulario en javascript, donde el usuario cotice en la página dependiendo de las ...
  #1 (permalink)  
Antiguo 09/03/2016, 10:58
 
Fecha de Ingreso: febrero-2016
Mensajes: 3
Antigüedad: 8 años, 2 meses
Puntos: 0
encontrar formulario para página web

Que tal.
Estoy diseñando una página web. Necesito desarrollar una especie de formulario en javascript, donde el usuario cotice en la página dependiendo de las entradas que haga.
Por ejemplo, el usuario necesita cotizar un servicio de arquitectura, entonces se le pide que elija la cantidad de metros cuadrados de la obra desde tres entradas (200 - 300 m2, 300 - 400 m2, 400 - 500 m2), después se le pide que elija la materialidad de la obra desde tres entradas más (cemento, madera, adobe), finalmente se le pide ingresar un plazo estimado de entrega.
Dependiendo de todas esas entradas (tal ves a traves de un cíclo if en javascript) el programa determina el costo del sevicio y lo hace llegar al usuario por mail o a través de una ventana emergente.

Quisiera saber si habrá un código que haga eso, disponible desde un sitio de javascript o jquery.

Gracias.
  #2 (permalink)  
Antiguo 09/03/2016, 14:52
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 8 meses
Puntos: 12
Respuesta: encontrar formulario para página web

Bueno es sencillo en cierto modo.

Ejemplo:

Código HTML:
<form id='formu' method='post' autocomplete='off'>
<table>
	<tr>
		<td>Metros Cuadrados:</td>
		<td><input type='text' name='m2' /></td>
	</tr>
	<tr>
		<td>Material:</td>
		<td><select name='mat'>
		<option>Metal</option>
		<option>Madera</option>
		<option>Plastico</option>
		</select></td>
	</tr>
	<tr>
		<td></td>
		<td><input type='button' id='calcular' value='Calcular Costo' /></td>
	</tr>
</table>
</form>
<div id='resultado'></div> 

Ahora lo que hacemos es recojer los valores de dichos campos y calcularlos segun que haya seleccionado o ingresado el usuario.
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $("#calcular").on("click", function(){
  3.         var Material = $("select[name='mat']").val(); //----> obtenemos el material seleccionado.
  4.         switch(Material){
  5.             case "Metal": //----> En caso de seleccionar metal.
  6.             Material = 100; //----> $100 por trabajar en metal.
  7.             break;
  8.            
  9.             case "Madera": //----> En caso de seleccionar madera.
  10.             Material = 60; //----> $60 por trabajar en madera.
  11.             break;
  12.            
  13.             case "Plastico": //----> En caso de seleccionar plastico.
  14.             Material = 10; //----> $10 por trabajar en plastico.
  15.             break;
  16.         }
  17.         var MetrosCuadrados = $("input[name='m2']").val(); //----> obtenemos los m2 que el usuario haya ingresado.
  18.        
  19.         MetrosCuadrados = MetrosCuadrados*200; //----> Suponiendo que el precion por m2 es $200.
  20.        
  21.         var CostoTotal = MetrosCuadrados+Material; //----> Sumamos todo los precios.
  22.        
  23.         $("#resultado").html("El costo total es de $"+CostoTotal+""); //----> Mostramos el resultado de la suma.
  24.     });
  25. });

Espero que te ayude, es una de la soluciones que se me ocurre con Jquery.

Etiquetas: encontrar, formulario, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:30.