Programación Web y Scripting > HTML
Formulario para Redireccionar
eMeMeFe:
Hola, no se si lo que quiero hacer es viable o no, pero bueno, ya me decis lo que sea. Lo que necesito es hacer un formulario, que sólo tendra un campo de entrada de texto, en el que nosotros escribimos algo, por ejemplo: "123abc456", y al darle al botón "enviar", quiero que nos redirija a la web: "w w w . m i s i t i o . c o m/123abc456". Sería esto posible? Gracias de antemano por vuestras respuestas.
Thanatos-chan:
que tal EmeMeFe,
lo que quieres, es totalmente factible, pero ya que deseas armar la URL de manera dinamica es decir "www.tusitio.com" mas lo que se digite en el campo deberas utilizar javascript para lograrlo.
este seria el codigo a usar:
--- Citar ---location.href = "www.tusitio.com/"+document.forma.texto.value;
--- Fin de la cita ---
donde "location.href" es el codigo javascript para accesar la la direccion url y el resto del codigo le estas diciendo que quieres que sea tusitio + document.forma.texto.value. donde document es la pagina, forma la forma que estas usando, texto es el campo y value el valor del campo.
ese codigo lo deberas incluir en el evento onsubmit de la forma. puedes buscar ejemplos en internet.
espero te haya servido de ayuda.
eMeMeFe:
--- Cita de: "Thanatos-chan" ---que tal EmeMeFe,
lo que quieres, es totalmente factible, pero ya que deseas armar la URL de manera dinamica es decir "ww w . t u s i t i o . c o m" mas lo que se digite en el campo deberas utilizar javascript para lograrlo.
este seria el codigo a usar:
--- Citar ---location.href = "w w w . t u s i t i o . c o m/"+document.forma.texto.value;
--- Fin de la cita ---
donde "location.href" es el codigo javascript para accesar la la direccion url y el resto del codigo le estas diciendo que quieres que sea tusitio + document.forma.texto.value. donde document es la pagina, forma la forma que estas usando, texto es el campo y value el valor del campo.
ese codigo lo deberas incluir en el evento onsubmit de la forma. puedes buscar ejemplos en internet.
espero te haya servido de ayuda.
--- Fin de la cita ---
Gracias por tu pronta respuesta. He entendido más o menos lo que me indicas, pero no se lo que es eso de forma, y tampoco se cómo incorporarlo al código de la página.
El formulario es el siguiente:
--- Código: Text ---<form id="form1" name="form1" method="post" action=""> <p>REFERENCIA</p> <label> <input type="text" name="referencia" id="referencia" /> </label> </p> <p> <input type="submit" name="button" id="button" value="Enviar" /> </p></form>
¿Podrías indicarme donde añadir el código javascript, y de que manera tengo que hacerlo?
Salu2 y Gracias de antemano.
shadow_rev:
Simple, pones en la etiqueta <form> la propiedad/evento onSubmit="location.href = "www.tusitio.com/"+this.texto.value", es decir:
--- Código: Text ---<form id="form1" name="form1" method="post" onSubmit="location.href = 'www.tusitio.com/'+this.texto.value" ><!-- ... --></form>
También puedes poner el código en una función, y en vez de lo anterior poner onSubmit="redireccion(this.texto.value)", así te queda más flexible y el código te queda mejor distribuido:
--- Código: Text ---// Esto lo pones en un bloque <script> declarado en <head>function redireccion(valor) { location.href = 'www.tusitio.com/'+valor}
:suerte:
eMeMeFe:
--- Cita de: "shadow_rev" ---Simple, pones en la etiqueta <form> la propiedad/evento onSubmit="location.href = "w w w . t u s i t i o . c o m/"+this.texto.value", es decir:
--- Código: Text ---<form id="form1" name="form1" method="post" onSubmit="location.href = 'w w w . t u s i t i o . c o m/'+this.texto.value" ><!-- ... --></form>
También puedes poner el código en una función, y en vez de lo anterior poner onSubmit="redireccion(this.texto.value)", así te queda más flexible y el código te queda mejor distribuido:
--- Código: Text ---// Esto lo pones en un bloque <script> declarado en <head>function redireccion(valor) { location.href = 'w w w . t u s i t i o . c o m/'+valor}
:suerte:
--- Fin de la cita ---
Hola, muchas gracias por tu respuesta.
He probado las dos opciones que me das, pero con las dos, al colgarlo en la web y probarlo, me da el error HTTP 405, y me dice que el sitio web tiene un error de programación.
No se en que me puedo estar equivocando, pero te indico los 2 códigos que he probado.
PRIMERA OPCION - RESULTADO - ERROR 405
--- Código: Text ---<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h t t p : / / w w w . w 3 . o r g / T R / x h t m l 1 / D T D / x h t m l 1 - t r a n s i t i o n a l . d t d"><html xmlns="h t t p : / / w w w . w 3 . o r g / 1 9 9 9 / x h t m l"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sin título</title></head><body><form id="form1" name="form1" method="post" onSubmit="location.href = 'w w w . m i s i t i o . c o m/'+this.texto.value" > <p>REFa</p> <label> <input type="text" name="texto" id="texto" /> </label> </p> <p> <input type="submit" name="button" id="button" value="Enviar" /> </p></form></body></html>
SEGUNDA OPCION - RESULTADO - ERROR 405
--- Código: Text ---<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h t t p : / / w w w . w 3 . o r g / T R / x h t m l 1 / D T D / x h t m l 1 - t r a n s i t i o n a l . d t d"><html xmlns="h t t p : / / w w w . w 3 . o r g / 1 9 9 9 / x h t m l"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sin título</title><script>// Esto lo pones en un bloque <script> declarado en <head>function redireccion(valor) { location.href = 'w w w . m i s i t i o . c o m/'+valor}</script></head><body><form id="form1" name="form1" method="post" onSubmit="redireccion(this.texto.value)"> <p>REF</p> <label> <input type="text" name="texto" id="texto" /> </label> </p> <p> <input type="submit" name="button" id="button" value="Enviar" /> </p></form></body></html>
Disculpa el cómo van las direcciones web, pero es que aún no tengo privilegios para poder publicarlas.
A ver si le puedes echar un vistazo al código, que yo no lo controlo, y me hechas una mano, a ver que es lo que falla.
Salu2 y Gracias
Navegación
[#] Página Siguiente
Ir a la versión completa