Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Formulários e Javascript
SEÇÕES
Manuais relacionados
+Formulários e Javascript
Categorias
+Manuais de Javascript

Índice do Manual Formulários e Javascript
+ O objeto form, propriedades e métodos
+ Sub-propriedades do objeto form e eventos
+ Valores da propriedade action
+ O valor da propriedade method e target
+ Objetos de um formulário
+ Os objetos text e password
+ Os objetos text e password II
+ Os objetos text e password III
+ Os objetos text e password IV
+ Os objetos text e password V
+ O objeto hidden

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net
- CodigoFonte.net


O valor da propriedade method e target

A função que modifica o valor de method é muito similar a que modifica o valor de action e target.


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...

Escreva seu nome:
Método POST | Método GET

 

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...

Escreva seu nome:
Resultados em nova janela | Na mesma janela

 

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Formulários e Javascript

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Manuais de Javascript


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites