Tutorial - JAVASCRIPT Formulários
3 participantes
Página 1 de 1
Tutorial - JAVASCRIPT Formulários
por nYPdR- Sex Mar 23, 2012 10:29 am
Em geral
Com o Javascript, os formulários Html tomem outra dimensão. Não esquecer que em Javascript, podemos aceder a cada elemento de um formulário para, por exemplo, ler ou escrever um valor, uma escolha a qual poderá associar uma gestão de evento... Todos esses elementos irão reforçar as capacidades interactivas da página.
Um formulário é um elemento Html declarado pelo tags . Um formulário contém um ou vários elementos que chamamos os controladores (widgets). Esses controladores são escrito por exemplo pelo tags.
Declaração de um formulário
A declaração de um formulário faz-se pelos tags e . Pode-se notar que em Javascript, o atributo NAME="nome_do_formulário" tem toda a sua importância para designar o caminho completo dos elementos. Em suma, os atributos ACTION e METHOD são facultativos pelo menos até não fazer apelo ao servidor.
Um erro clássico e em Javascript é de esquecer de declarar o fim do formulário depois de ter inserir um controlador.
Controlador de linha de texto
A zona de texto é o elemento de entrada/saída por excelência do Javascript. A sintaxe Html é para uma área de texto de uma só linha, de comprimento x e de comprimento máximo y.
O objecto texto tem 3 propriedades:
PROPRIEDADES DESCRIÇÃO
name indica o nome do controlador pelo que podemos aceder.
defaultvalue indica o valor por defeito que será afixada na zona de texto.
value indica que o valor da zona de texto. Seja ele escrito pelo utilizador ou já ter um valor por defeito.
Ler um valor numa zona de texto
O script completo é assim:
Quando clica-se no botão "controlar", o Javascript chama a função controle() no qual passamos o formulário em que o nome é form1 como argumento.
Esta funçãocontrole() definida nos tags Toma sob a variável test, o valor da zona de texto. Para aceder a este valor, escreve-se o caminho completo deste (ver o capítulo"Um pouco de teoria objecto"). No documento presente, tem o objecto formulário chamado form1 que contém o controlador de texto nomeado input e que tem como propriedade o elemento de valor value. O que dá document.form1.input.value.
Escrever um valor na zona de texto
Zona de texto de saída
Código:
Ao clicar no botão "Afixar", o Javascript chama a função a função afixar() na qual passa o formulário em que o nome é form2 desta vez como argumento.
Esta função afixar() definida nos tags toma sob a variável testin, o valor da zona de texto de entrada. À instrução seguinte, dizemos ao Javascript que o valor da zona de texto output contida no formulário nomeado form2 é a da variável testin. Utiliza-se o caminho completo para chega a propriedade valor do objecto desejado, seja em Javascript document.form2.output.value.
Com o Javascript, os formulários Html tomem outra dimensão. Não esquecer que em Javascript, podemos aceder a cada elemento de um formulário para, por exemplo, ler ou escrever um valor, uma escolha a qual poderá associar uma gestão de evento... Todos esses elementos irão reforçar as capacidades interactivas da página.
Um formulário é um elemento Html declarado pelo tags . Um formulário contém um ou vários elementos que chamamos os controladores (widgets). Esses controladores são escrito por exemplo pelo tags.
Declaração de um formulário
A declaração de um formulário faz-se pelos tags e . Pode-se notar que em Javascript, o atributo NAME="nome_do_formulário" tem toda a sua importância para designar o caminho completo dos elementos. Em suma, os atributos ACTION e METHOD são facultativos pelo menos até não fazer apelo ao servidor.
Um erro clássico e em Javascript é de esquecer de declarar o fim do formulário depois de ter inserir um controlador.
Controlador de linha de texto
A zona de texto é o elemento de entrada/saída por excelência do Javascript. A sintaxe Html é para uma área de texto de uma só linha, de comprimento x e de comprimento máximo y.
O objecto texto tem 3 propriedades:
PROPRIEDADES DESCRIÇÃO
name indica o nome do controlador pelo que podemos aceder.
defaultvalue indica o valor por defeito que será afixada na zona de texto.
value indica que o valor da zona de texto. Seja ele escrito pelo utilizador ou já ter um valor por defeito.
Ler um valor numa zona de texto
O script completo é assim:
- Código:
function controle(form1) {
var test = document.form1.input.value;
alert("Escreveste: " test);
}
Quando clica-se no botão "controlar", o Javascript chama a função controle() no qual passamos o formulário em que o nome é form1 como argumento.
Esta funçãocontrole() definida nos tags Toma sob a variável test, o valor da zona de texto. Para aceder a este valor, escreve-se o caminho completo deste (ver o capítulo"Um pouco de teoria objecto"). No documento presente, tem o objecto formulário chamado form1 que contém o controlador de texto nomeado input e que tem como propriedade o elemento de valor value. O que dá document.form1.input.value.
Escrever um valor na zona de texto
Zona de texto de saída
Código:
- Código:
function afixar(form2) {
var testin =document. form2.input.value;
document.form2.output.value=testin
}
Zona de texto de entrada
Zona de texto de saída
Ao clicar no botão "Afixar", o Javascript chama a função a função afixar() na qual passa o formulário em que o nome é form2 desta vez como argumento.
Esta função afixar() definida nos tags toma sob a variável testin, o valor da zona de texto de entrada. À instrução seguinte, dizemos ao Javascript que o valor da zona de texto output contida no formulário nomeado form2 é a da variável testin. Utiliza-se o caminho completo para chega a propriedade valor do objecto desejado, seja em Javascript document.form2.output.value.
Última edição por nYPdR- em Sex Mar 23, 2012 10:43 am, editado 1 vez(es)
nYPdR-- Silver Member
- Posts : 344
Data de Ingresso : 03/01/2012
Re: Tutorial - JAVASCRIPT Formulários
por Kira™ Sex Mar 23, 2012 10:40 am
Creio que essas duas "Barras" sejam uma função que não está aparecendo que provavelmente,óbviamente deo um tipo de "erro" ao adiciona-la no post.
Há não ser que seja assim mesmo,e ficaria meio sem sentido algumas frases a seguir...
Abrç~
Há não ser que seja assim mesmo,e ficaria meio sem sentido algumas frases a seguir...
Abrç~
Kira™- Silver Member
- Posts : 543
Data de Ingresso : 26/01/2012
Idade : 31 -
Re: Tutorial - JAVASCRIPT Formulários
por nYPdR- Sex Mar 23, 2012 10:42 am
Fox_Lo*z escreveu:Creio que essas duas "Barras" sejam uma função que não está aparecendo que provavelmente,óbviamente deo um tipo de "erro" ao adiciona-la no post.
Há não ser que seja assim mesmo,e ficaria meio sem sentido algumas frases a seguir...
Abrç~
Pois é,
Tentei colocar um exemplo mais não deu :(
Vou editar o tópico!
nYPdR-- Silver Member
- Posts : 344
Data de Ingresso : 03/01/2012
Re: Tutorial - JAVASCRIPT Formulários
por √๏ℓ†ลเяэ Sáb Abr 21, 2012 6:41 pm
Tópico Fechado.
Caso Necessite o Reabrimento Do Mesmo Me Envie Uma MP Declarando os Motivos.
Caso Necessite o Reabrimento Do Mesmo Me Envie Uma MP Declarando os Motivos.
√๏ℓ†ลเяэ- Suspenso
- Posts : 289
Data de Ingresso : 21/04/2012
Idade : 34
Localização : São Paulo -
Tópicos semelhantes» [Tutorial] Ferramentas para o Javascript
» [Conhecimento] O que é o Javascript?!
» [Entendendo]Javascript não é Java!
» [TUTORIAL]-Rpe Tutorial Funcionando
» [Tutorial] ST Do JIN
» [Conhecimento] O que é o Javascript?!
» [Entendendo]Javascript não é Java!
» [TUTORIAL]-Rpe Tutorial Funcionando
» [Tutorial] ST Do JIN
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
