[A BÍBLIA DO VBA NO ACCESS]: MACROS E PROGRAMAÇÃO VBA NO ACCESS - CURSO COMPLETO

Páginas: 1164 | Autor: Júlio Battisti | 50% de Desconto e 21 Super Bônus

Você está em: PrincipalTutoriaisRodrigorodrigues : Formflash001
Quer receber novidades e e-books gratuitos?
›››

FILTRO DE TUTORIAIS:




Criando um formulário em Flash usando o ColdFusion MX 7

 

O que é ColdFusion?

 

O ColdFusion é uma plataforma de desenvolvimento rápido de aplicativos para a criação e distribuição de aplicativos dinâmicos baseados na Web. Ele esta atualmente na versão 7, versão esta, que a meu ver, trouxe os mais fantásticos recursos e funcionalidades desde sua criação em 1995.

 

A versão 7 do ColdFusion é capaz de gerar relatórios dinâmicos em formato PDF ou SWF (Flash Paper) e enviar mensagens para dispositivos móveis (SMS).

 

Fui levado a trabalhar com o ColdFusion pela facilidade de comunicação com o Macromedia Flash usando os CFCs (ColdFusion Componentes) e o Flash Remoting.

 

Dentre os novos recursos desta versão o que tem facilitado à vida do programador é o Flash Forms.Usando o ColdFusion MX 7 você pode criar formulários para a Web em formato do Macromedia Flash.

 

Flash Forms

 

Há inúmeras vantagens dos formulários em Flash em relação aos formulários em HTML:

  • Exibir várias páginas divididas por abas:
  • A maioria das validações de campos são feitas por ele de forma muito fácil, apenas indicando o tipo de validação necessária;
  • Visual moderno e agradável;
  • Fácil formatação usando CSS;
  • Códigos em ActionScript dentro de páginas CFML;
  • Envio de dados para o servidor sem precisar submeter à página;
  • Complexas formas de páginas usando o componente accordion;
  • Auto redimensionamento dos campos de acordo com a resolução da tela ou tamanho da janela;
  • Exibir dados em forma de árvore (tree);
  • Exibir, atualizar, excluir e inserir vários dados ao mesmo tempo usando o componente grid.

Caso você seja um desenvolvedor iniciante ou um webdesigner com nenhuma ou pouca experiência em programação, não terá dificuldades em entender a linguagem ColdFusion Markup Language (CFML).Como a CFML é uma linguagem baseada em TAGS, como o HTML, ela é simples de escrever e fácil de entender.

 

Em CFML a maioria das tags, como em HTML, precisa ser aberta por uma tag inicial (<cfnomedatag>) e fechada por uma tag final (</cfnomedatag>).È importante ressaltar que todas as tags começam com “cf”.

 

Objetivo:

 

Dando inicio a uma série de cinco artigos sobre Flash Forms. Neste primeiro será criado este formulário:

 

 

Obviamente, para usar este artigo, você precisa ter acesso a um servidor ColdFusion, há uma versão free disponível para download no site da Macromedia: www.macromedia.com/downloads

 

Para escrever seus códigos você poderá usar o bloco de notas ou um editor de CFML como o Macromedia Dreamweaver.

 

As primeiras tags:

 

Agora que os conceitos básicos já foram introduzidos, podemos começar a criar um formulário:

 

Todos os campos do formulário devem estar envolvidos pelas tags <cfform> </cfform>.

 

 

O que faz com que este seja um Flash Form é apenas o atributo format que está como flash, abaixo segue a lista com alguns dos atributos e suas descrições:

 

Atributo Descrição
name O nome do Form. Você deve especificar um nome para o formulário se pretende referenciar o formulário mais tarde no aplicativo.
action Caminho da pagina que irá processar o formulário. Se este dado for omitido o formulário será submetido à própria pagina.
method O método pelo qual o navegador (browser) irá enviar os dados para o servidor:GET: Envia os dados em formato url, exemplo: ‘http://intranet/rh/upDateDependt.cfm?ID=26&usuário=fulano’ OBS:O ponto de interrogação após a extensão do arquivo na URL especifica o ponto de inicio para anexar os parâmetros de URL. Cada parâmetro é formado por nome seguido por um sinal de igual (=), seguido também pelo seu valor . È possível anexar mais de um parâmetro de URL separando-os com sinais de e-comercial (‘&’). È importante ressaltar que não pode haver nenhum espaço na URL. POST: Este método envia os dados de forma invisível ao servidor.
format Formato pode ser: HTMLFLASHXML
skin Determina a cor usada para realçar os elementos selecionados como campos de textos. Cada formato do form aceita um grupo especifico de skins, estes são os suportados pelo formato flash:
  • haloSilver
  • haloBlue
  • haloGreen
  • haloOrange
style Estilos em formato css para aplicar ao form.
preserveData Este atributo quando selecionado como ‘yes’ os dados dos campos são mantidos após submeter o formulário ou quando clica no botão Voltar do navegador.
onSubmit Códigos em JavaScript ou ActionScript que serão executados quando o formulário for submetido.
height A altura do form. É possível usar um número para especificar em pixels, ou usar valor em porcentagem, como ‘height=50%’
width Largura do form, pode ser especificada em pixels ou em porcentagem assim como a altura,
onError Códigos em ActionScript que serão executados quando o formulário for submetido com algum erro de validação.
wMode Especifica como o form em flash aparece sobre a página HTML, por exemplo, caso você coloque este atributo como ‘transparent’ o form em flash fica com o fundo transparente tornando visível o background da página HTML.
accessible Determina a inclusão dos leitores de tela no Form Flash. Este atributo aumenta em aproximadamente 80KB o arquivo SWF.
preloader Determina a exibição de uma barra de progresso enquanto o arquivo esta sendo carregado.
Timeout Especifica o tempo em segundos que o servidor irá armazenar o swf, o tempo padrão é zero.

 

Foi acrescentado uma tag cfformgroup do tipo horizontal que serve para alinhar os campos do formulário horizontalmente, também foi usado o atributo style para alinhar os campos do form no centro da página.

 

 

Mais uma tag cfformgroup foi inserida ao formulário, só que desta vez do tipo panel,este atributo é responsável por criar um painel que será usado para organizar os campos do formulário, abaixo serão explicados alguns estilos do atributo style:

 

 

Os estilos devem ser separados por ponto e vírgula (;).

 

 

Quando o arquivo for testado ele deverá ter esta aparência:

 

 

A tag cfformitem foi usada pra inserir espaço entre campos do formulário além de inserir linhas horizontais, verticais, tags htmls e texto.

 

 

O formulário agora deverá ter esta aparência:

 

 

É usando a tag “cfinput” que inserimos a maioria dos campos do formulário, abaixo está descrita a função de cada atributo usado:

 

type=" text " Tipo do campo que pode ser:
  • button;
  • checkbox;
  • file;
  • hidden;
  • image;
  • password;
  • radio;
  • reset;
  • submit;
  • text;
  • datefield.
required=" yes " Este atributo especifica a obrigatoriedade do preenchimento do campo, caso esteja como “yes” aparecerá um asterisco vermelho ao lado do campo e o formulário não será submetido se o campo estiver vazio ou não atender a os critérios de validação da tag validate.
label=" Seu Nome " O texto que aparecerá do lado esquerdo do campo.
" message=" Digite seu nome. " A mensagem que aparecerá para o usuário na janela de erro ou quando mouse estiver sobre o campo que contenha algum erro de validação.

Exemplo de janela de erro quando há tentativas de submeter o formulário com algum erro de validação.
Exemplo de campo com erro de validação quando o mouse é posicionado sobre ele.
tooltip=" Digite aqui o seu nome. " Texto que serve como descrição do campo quando o mesmo recebe o foco do mouse.

Exemplo de tolltip quando o mouse está sobre o campo.
name=" nome " Nome do campo, este atributo é obrigatório, você usará este nome para recuperar o valor inserido neste campo, quando o form for submetido.

 

 

O formulário deve ter esta aparência agora:

 

 

Tres tags cfformitem foram usadas, a primeira e a última servem para dar uma espaçamento vertical de 3 pixels cada uma , o atributo type=" hrule "/> insere uma linha entre os espaços.

 

 

O formulário agora deve estar com esta aparência:

 

 

Foi inserida mais uma tag input, explicarei os atributos novos nesta tag:

 

validate=" email " O tipo de validação que será usado no campo, você pode esta validando o campo com datas, números inteiros, texto etc.
maxlength=" 40 " O quantidade máxima de caracteres que o campo aceita.

 

 

O formulário deve estar com esta aparência:

 

 

 

O formulário deve estar com esta aparência

 

 

 

O formulário deve estar com esta aparência

 

 

 

 

 

Enfim o formulário pronto.

 

 

Conclusão

 

Usando Flash Forms Construímos o formulário em Flash com uma interface rica, campos com validações complexas e tudo isso com um código simples de entender.

 

Onde encontrar mais informações?

 

O site da macromedia é uma fonte muita rica de informações sobre seus produtos, lá você encontrará vários artigos sobre ColdFusion.

 

Para compartilhar suas experiências ou tirar suas dúvidas, participe da lista de discussão: CFBRASIL, http://lists.coldfusion.org.br/mailman/listinfo/cf-brasil.

 

Referência:

 

Foi usado como referência o manual de ajuda do ColdFusion , onde é encontrada todas a informações necessárias para dominar o ColdFusion.

 

Infelizmente não está no escopo deste tutorial a inserção dos dados, caso queira o código fonte deste artigo já com os códigos para inserção dos dados envie um e-mail para: rodryguex@gmail.com.

Best Sellers de Excel do Julio Battisti

Todos com Vídeo Aulas, E-books e Planilhas de Bônus!

Aprenda com Júlio Battisti:
Excel 2010 Básico em 140 Lições - Através de Exemplos Práticos - Passo a Passo

 Aprenda com Júlio Battisti: Excel 2010 Básico em 140 Lições - Através de Exemplos Práticos

 

Autor: Júlio Battisti | Páginas: 540 | Editora: Instituto Alpha

 

[Livro]: Aprenda com Júlio Battisti: Excel 2010 Básico em 140 Lições - Através de Exemplos Práticos

Aprenda com Júlio Battisti: Excel 2010 Avançado, Análise de Dados, Tabelas Dinâmicas, Funções Avançadas, Macros e Programação VBA - Passo a Passo

Livro: Aprenda com Júlio Battisti: Excel 2010 Avançado, Análise de Dados, Tabelas Dinâmicas, Funções Avançadas, Macros e Programação VBA - Passo a Passo

 

Autor: Júlio Battisti | Páginas: 952 | Editora: Instituto Alpha

 

Livro: Aprenda com Júlio Battisti: Excel 2010 Avançado, Análise de Dados, Tabelas Dinâmicas, Funções Avançadas, Macros e Programação VBA - Passo a Passo

Aprenda com Júlio Battisti: Macros e Programação VBA no Excel 2010 Através de Exemplos Práticos e Úteis - Passo a Passo

 

[LIVRO]: Aprenda com Júlio Battisti: Macros e Programação VBA no Excel 2010 Através de Exemplos Práticos e Úteis - Passo a Passo

 

Autor: Júlio Battisti | Páginas: 1124 | Editora: Instituto Alpha

 

[LIVRO]: Aprenda com Júlio Battisti: Macros e Programação VBA no Excel 2010 Através de Exemplos Práticos e Úteis - Passo a Passo

Aprenda com Júlio Battisti: Excel 2010 - Curso Completo - Do Básico ao Avançado, Incluindo Macros e Programação VBA - Através de Exemplos Práticos

 

[A BÍBLIA DO EXCEL]: Aprenda com Júlio Battisti: Excel 2010 - Curso Completo - Do Básico ao Avançado, Incluindo Macros e Programação VBA - Através de Exemplos Práticos Passo a Passo

 

Autor: Júlio Battisti | Páginas: 1338 | Editora: Instituto Alpha

 

[A BÍBLIA DO EXCEL]: Aprenda com Júlio Battisti: Excel 2010 - Curso Completo - Do Básico ao Avançado, Incluindo Macros e Programação VBA - Através de Exemplos Práticos Passo a Passo

Todos os livros com dezenas de horas de vídeo aulas de bônus, preço especial (alguns com 50% de desconto). Aproveite. São poucas unidades de cada livro e por tempo limitado.

Dúvidas?

Utilize a área de comentários a seguir.

Me ajude a divulgar este conteúdo gratuito!

Use a área de comentários a seguir, diga o que achou desta lição, o que está achando do curso.
Compartilhe no Facebook, no Google+, Twitter e Pinterest.

Indique para seus amigos. Quanto mais comentários forem feitos, mais lições serão publicadas.

Quer receber novidades e e-books gratuitos?
›››

Novidades e E-books grátis

Fique por dentro das novidades, lançamento de livros, cursos, e-books e vídeo-aulas, e receba ofertas de e-books e vídeo-aulas gratuitas para download.



Institucional

  • Quem somos
  • Garantia de Entrega
  • Formas de Pagamento
  • Contato
  • O Autor
  • Endereço

  • Júlio Battisti Livros e Cursos Ltda
  • CNPJ: 08.916.484/0001-25
  • Rua Vereador Ivo Cláudio Weigel, 537 Universitário
  • Santa Cruz do Sul/RS
  • CEP 96816-208
  • Todos os direitos reservados, Júlio Battisti 2001-2017 ®

    [LIVRO]: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2010 - PASSO-A-PASSO

    APRENDA COM JULIO BATTISTI - 1124 PÁGINAS: CLIQUE AQUI