Por Eugenia Bahit
4.1 Sobre a propriedade Method
Como dissemos anteriormente, modificar o valor da propriedade method carece de um verdadeiro sentido. Porém, de qualquer forma, isto sempre dependerá do que se necessite fazer.
A função que modifica o valor de method é muito parecida a que modifica o valor de action e target.
Vejamos como se realiza este função:
<script languaje="javascript">
function MudaMethod()
{ form1.method ="POST"; }
</script>
Realmente é similar à primeira vista no ponto anterior.
Agora, colocaremos um exemplo em prática, onde daremos ao usuário a possibilidade de escolher o método do envio de dados e segundo o tipo de envio que escolha, será à página que o enviemos:
O Script...
<script languaje="javascript">
function MudaMethod()
{
if (form1.POST.checked == true)
{
form1.method ="POST";
form1.action = "exemplos/processar.asp"
}
if (form1.GET.checked == true)
{
form1.method = "GET";
form1.action = "exemplos/processar1.asp"
}
form1.submit()
}
</script>
O formulario...
<form name="form1" method="post" action="exemplos/processar.asp" target="_blank">
Escreva seu nome: <input type="text" name="nome"><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="MudaMethod(this.form)">
</form>
Os resultados...
4.2 Sobre a propriedade Target
Da mesma forma que no anterior exemplo, veremos um caso no qual o usuário selecionará o target no qual deseja visualizar os resultados enviados pelo formulário.
O Script...
<script languaje="javascript">
function MudaTarget()
{
if (form2.blank.checked == true)
{
form2.target ="_blank";
}
if (form2.self.checked == true)
{
form2.target = "_self";
}
form2.submit()
}
</script>
O formulario...
<form name="form2" method="post" action="exemplos/processar.asp" target="_blank">
Escreva seu nome: <input type="text" name="nome"><br>
<input type="checkbox" name="blank" value="ON">Resultados em nova janela |
<input type="checkbox" name="self" value="ON">Na mesma janela<br>
<input type="button" value="Enviar" onClick="MudaTarget(this.form)">
</form>
Os resultados...
