La función que modifica el valor de method es muy similar a la que modifica el valor de action y target.
4.1 Sobre la propiedad Method
Como dijese anteriormente, modificar el valor de la propiedad method carece de un verdadero sentido. Pero, de todas formas, esto siempre dependerá de lo que se necesite hacer.
La función que modifica el valor de method es muy similar a la que modifica el valor de action y target.
Veamos como se realiza este función:
<script languaje="javascript">
function CambiaMethod()
{ form1.method ="POST"; }
</script>
Realmente es similar a la vista en el punto anterior.
Ahora, pondremos un ejemplo en práctica, donde le damos al usuario la posibilidad de elegir el método del envío de datos y según el tipo de envío que elija, será a la página que lo enviemos:
El Script...
<script languaje="javascript">
function CambiaMethod()
{
if (form1.POST.checked == true)
{
form1.method ="POST";
form1.action = "ejemplos/procesar.asp"
}
if (form1.GET.checked == true)
{
form1.method = "GET";
form1.action = "ejemplos/procesar1.asp"
}
form1.submit()
}
</script>
El formulario...
<form name="form1" method="post" action="ejemplos/procesar.asp" target="_blank">
Escribe tu nombre: <input type="text" name="nombre"><br>
<input type="checkbox" name="POST" value="ON">Método POST |
<input type="checkbox" name="GET" value="ON">Método GET<br>
<input type="button" value="Enviar" onClick="CambiaMethod(this.form)">
</form>
Los resultados...
4.2 Sobre la propiedad Target
De igual forma que en el anterior ejemplo, veremos un caso en el que el usuario seleccionará el target en el cual desea visualizar los resultados enviados por el formulario.
El Script...
<script languaje="javascript">
function CambiaTarget()
{
if (form2.blank.checked == true)
{
form2.target ="_blank";
}
if (form2.self.checked == true)
{
form2.target = "_self";
}
form2.submit()
}
</script>
El formulario...
<form name="form2" method="post" action="ejemplos/procesar.asp" target="_blank">
Escribe tu nombre: <input type="text" name="nombre"><br>
<input type="checkbox" name="blank" value="ON">Resultados en nueva ventana |
<input type="checkbox" name="self" value="ON">en la misma ventana<br>
<input type="button" value="Enviar" onClick="CambiaTarget(this.form)">
</form>
Los resultados...
Eugenia Bahit
Analista Programadora LAMP y Scrum Coach