Ayuda con formulario de consulta!!!

elohim418 · #1 (**permalink**) 08/03/2010, 04:26

Hola a todos los integrantes de la comunidad de forosdelweb.
Ojo de antemano aclaro que no estoy publicando en varios sitios a drede es solo que pense que en el foro de php podrian ayudarme.

La verdad soy novato en esto del desarrollo web sin embargo ya me doy puñitos con el asunto. hay algo que necesito hacer y no encuentro la manera, tengo varios documentos html que contienen tablas de especificaciones de equipos, lo que necesito es una especie de formulario (el cual ya tengo listo) donde el usuario selecciona un par de valores y estos le van a mostrar una tabla especifica para la consulta. hay alguien que me pueda ayudar?? como ejemplo les dejo este url : http://www.gelfredcompressors.com/cas/comp/compresores.asp, es exactament lo que busco. Agadesco de antemano su ayuda.

Adler · #2 (**permalink**) 08/03/2010, 05:53

Hola

Podría ser algo como esto

El formulario

Cita:

<form name="nueva" onsubmit="return valores(this);">
Aquí los campos
<input type="submit" value="mostrar" />
</form>

Ahora la función .js

Código Javascript:

Ver original<script type="text/javascript">
function valores(v) {
var campo1 = v.campo1.value;
var campo2 = v.campo2.value;
return window.open("+campo1+"_"+campo2+".html","popup");
}
</script>

Suerte

elohim418 · #3 (**permalink**) 08/03/2010, 11:26

Gracias por tu pronta respuesta,lo pruebo hoy mismo y te aviso !!!!

elohim418 · #4 (**permalink**) 16/03/2010, 11:16

Hola Adler ya probé tu sugerencia y no se si es que lo estoy haciendo mal podrías explicarme con un poco mas de detalle.
Preguntas:
1.- Tengo que montar todo el código en un solo archivo??
2.- como nombro el archivo???
quizá sean peguntas tontas pero entiendo a medias.
tengo montado y configurado appserver por si acaso.

Ya hice el formulario aquí te coloco el código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<form name="nueva" onsubmit="return valores(this);">
<label>Modelo Compresor
<select name="campo1" id="campo1">
<option>selecione el nombre</option>
<option>K</option>
<option>L</option>
<option>LR</option>
<option>MR</option>
<option>VLR</option>
<option>GR</option>
<option>VR</option>
</select>
Gas Utilizado
<select name="campo2" id="campo2">
<option>selecione el nombre</option>
<option>R22</option>
<option>R134A</option>
<option>R404A</option>
</select>
</label>
<input type="submit" value="Visualizar" />
</form>
<script type="text/javascript">
function valores(v) {
var campo1 = v.campo1.value;
var campo2 = v.campo2.value;
return window.open("+campo1+"_"+campo2+".html","popup");
}
</script>

</body>
</html>

Adler · #5 (**permalink**) 17/03/2010, 07:21

Hola

Todo en el mismo archivo

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function valores(v) {
var campo1 = document.getElementById("campo1").options[document.getElementById("campo1").selectedIndex].value;
var campo2 = document.getElementById("campo2").options[document.getElementById("campo2").selectedIndex].value;;
if (campo1 == "" || campo2 == "") {alert("Has de seleccionar alguna opción"); return false;}
window.open(campo1+"_"+campo2+".html","popup","width=550,height=800,left=200,scrollbars=yes");
}
</script>
</head>
 
<body>
<form name="nueva">
<label>Modelo Compresor
<select name="campo1" id="campo1">
<option value="">selecione el nombre</option>
<option value="K">K</option>
<option value="L">L</option>
<option value="LR">LR</option>
<option value="MR">MR</option>
<option value="VLR">VLR</option>
<option value="GR">GR</option>
<option value="VR">VR</option>
</select>
</label>
<label>Gas Utilizado
<select name="campo2" id="campo2">
<option value="">selecione el nombre</option>
<option value="R22">R22</option>
<option value="R134A">R134A</option>
<option value="R404A">R404A</option>
</select>
</label>
<input type="button" value="Visualizar" onclick="javascript:valores();" />
</form>
 
 
</body>
</html>

Pruebalo y estudia los cambios

Suerte

elohim418 · #6 (**permalink**) 01/04/2010, 02:10

Gracias Hermanazo funciono de pelos puedes entrar a ver como quedo en este enlace: http://www.gelpha.konsiguelo.com/cas/comp/buscar_comp.asp.htm
ya estoy estudiando el lenguaje mas a fondo. =)