A realidade para a Web programadores, hoje, é que os fabricantes do navegador o tornaram quase impossível desenvolver sites altamente interativos da Web que também fazem uso das melhores e mais recentes tecnologias web. Por exemplo, a fim de criar uma forma dinâmica que permite aos utilizadores alternar entre telas, editar menus suspensos, e calcular os valores em tempo real, um programador deve primeiro código do aplicativo com várias funções de JavaScript. Então que o programador tem que voltar com o programa e depurá-lo até que ele funciona em todos os DHTML apoio versões do Netscape e Internet Explorer. Em seguida, uma segunda rodada de testes deve garantir que o programa é executado em todos os Macintosh e Windows versões de ambos os navegadores.
Uma vez que o pedido está completo, o programador deve criar um script CGI backend que confirma o usuário tenha preenchido todos os campos de dados obrigatórios, quando o formulário é submetido. Este não é um retrato bonito - especialmente para autores da Web que não tiveram tempo para aprender JavaScript básico, que dirá como se certificar de que eles produzem não fechar a metade a sua base de usuários. Isto é onde Mozquito.com 's Mozquito Factory vem dentro de design e desenvolvedores podem criar formulários dinâmicos utilizando uma extensão do chamado XHTML 1.0 Formulários Markup Language (FML).
O Mozquito Factory ApproachSoa um pouco simples demais não é? Você pode perguntar como uma extensão a um padrão relativamente novo, iria trabalhar em navegadores existentes, se nenhum deles corretamente suporte a XML ou XHTML. Ao desenvolver sua página no easy-to-use do FML, basta clicar em um botão no Mozquito Factory converte o FML em DHTML que qualquer browser que suporte JavaScript 1,2 compreenda. Entretanto, esta solução permite que você use um prestes a ser padrão e agora - uma vez que os navegadores têm todo o apoio necessário para lidar com essa iteração de XHTML - Você pode usar seus documentos FML como elas são.
Um dos problemas com formulários HTML é que eles não foram modificados desde HTML 2.0 foi lançado em 1995. Tudo feito com as formas, desde então, tem sido o resultado de desenvolvedores criativos Web utilizando DHTML, JavaScript, PHP, CGI e scripts, entre outras ferramentas. Com Mozquito, trabalhar com formulários utilizando uma linguagem de marcação fica um pontapé inicial. Embora tenha sido criado primeiro, FML está em conformidade com o padrão W3C XForms atualmente em desenvolvimento. Como XForms amadurece, o mesmo acontece com manipulação Mozquito's dele. FML atende muitas das necessidades actuais de XForms, incluindo aqueles encontrados na W3C Working Draft, "XForms Requisitos". Quando chega a XForms completa o estatuto de verdadeira norma, FML 2,0 será 100 por cento. O que eu espero para cobrir neste artigo inclui uma introdução sobre como usar Mozquito Fábrica e um olhar aos FML, incluindo a validação de conteúdos, a reutilização de entrada, no the-fly cálculo, e editáveis listas de seleção. Eu faço tudo isso usando um exemplo de um formulário on-line semelhante ao que você pode encontrar em qualquer site de comércio eletrônico de hoje.
Usando Factory MozquitoAntes de mergulhar na FML e começar a fazer sua primeira forma, o trabalho em começar um aperto em Mozquito Factory e como usar seus recursos. Isto será importante mais tarde quando você utilizá-la como ferramenta de autoria do FML. Quando você pensa em Mozquito Factory, imagine-o como tendo três funções distintas:
1.O Validador XHTML.
2.O Mecanismo de Mozquito. Este segmento tem o XHTML-FML é autor e converte-lo em um documento HTML com um pedido de JavaScript. Certifique-se de dar uma olhada em uma das fontes HTML resultante do documento durante o processo de criação. Ele lhe dá uma boa idéia da quantidade de JavaScript que você teria que aprender para realizar o que o FML não.
3.O Editor. Este é um Java simples aplicação baseada em que você digita em seu XHTML-FML e que traz o Avaliador e Engine em conjunto, para que você possa utilizar todas as três funções.
NotaTenha em mente que, se você está mais confortável com o seu editor HTML preferido ao autor o seu HTML, convertê-lo para XHTML, e adicionar em seu FML, em seguida, por todos os meios tomar essa rota. Você ainda precisará usar Mozquito para validar o seu XHTML FML antes de executar o processo de conversão. É concebível, Mozquito pode aparecer em sua ferramenta de autoria favoritos sob a forma de um plug-in ou empacotado como um aplicativo separado. Se você escolher esse caminho, você pode abrir o modelo discutido a seguir em seu próprio editor. Ele aparece no "modelos" subdiretório no diretório em que Mozquito está instalado. O arquivo que deseja abrir está template1.xhtml.
Quando usar Mozquito em seu desenvolvimento WebNão use XHTML-FML de cada página em seu site. Seu objetivo principal é adicionar mais interatividade aos formulários sejam eles um formulário simples, um questionário, uma ficha de inscrição para um evento, ou um carrinho de compras "padrão" do formulário. Se você já utiliza JavaScript em alguns de seus projetos, você também poderá descobrir (através do exemplo a seguir) que você pode também substituir XHTML FML para camadas DHTML. Quando Mozquito Factory converte o XHTML-FML a JavaScript, apenas os usuários com determinados navegadores será ser capaz de ver o seu conteúdo dinâmico. Pessoas que utilizam navegadores antigos ou com deficiência não serão capazes de fazer uso do que você produz. Com a acessibilidade da Web cada vez mais um problema para os desenvolvedores da Web, ele será importante para ajustar o resultado Mozquito HTML. Certifique-se de ler a seção no final deste artigo sobre a acessibilidade da Web para descobrir como, no mesmo arquivo HTML que seu Mozquito produzidos JavaScript, você pode criar uma versão duplicada do formulário FML em HTML universalmente acessível.
Baixando e instalando Mozquito
Antes que você possa realmente usar Mozquito Factory, você tem que fazer o download e instalá-lo. Ir para o site Mozquito na http://www.mozquito.com, clique em Download, e certifique-se que você siga as instruções para o "30-dia versão de ensaio". Se você descobrir que você gosta da Fábrica Mozquito ambiente de criação depois de trabalhar com o demo, você sempre pode voltar para o site e comprá-lo. Porque Mozquito Factory é baseado em Java software, você também precisará baixar um Java RuntimeEnvironment (JRE) ou um programa de software que lhe permitirá executar aplicações Java. Para Windows 95, 98, 2000 e NT, um JRE é automaticamente transferido como parte do pacote de navegador Internet Explorer 5.0. No entanto, o pessoal da Mozquito.com recomendo usar o JRE 1.1.7 ou superior de qualquer IBM (http://www6.software.ibm.com/dl/dkw/dkre-p) ou Sun Microsystems http://java ( .sun.com/products/jdk/1.1/jre/download-jre-windows.html). Mozquito Para executar em um sistema Macintosh, você precisará baixar e instalar o Mac OS Runtime para Java(MRJ). Tenha certeza que você conseguir pelo menos a versão 2.1.4 ou posterior para evitar quaisquer problemas quando correr Mozquito. Seu sistema deve estar em execução MRJ já. Se não for, você pode encontrar uma cópia no site da Apple Java (http://www.apple.com/java).
Sinta-se livre para explorar esta mini-tutorial, se quiser, embora eu cobrir tudo em que passo-a-passo ao longo deste artigo. Quando estiver pronto para começar, clique em OK e continue lendo o artigo. Vamos conhecer um pouco sobre como usar Mozquito para que você possa começar a fazer o exemplo. Crie o seu primeiro "documento novo", clicando no menu Arquivo e escolhendo Novo (ou Arquivo → Novo). Observe que você agora tem a opção de vários documentos, incluindo o XHTML-FML e os três XHTML 1,0 DTDs: strict, transitional, e frameset
Empurrando seu FML através de um navegadorEm seu estado atual, empurrando o shell FML resultados através de um navegador em uma página em branco na janela do navegador. A fim de testar a Mozquito "Exibir no navegador padrão" função, é necessário adicionar em alguns XHTML:
Minha primeira página de teste para a utilização de FML em Mozquito Factory
Este é um teste .. um teste do sistema Emergency Broadcast XHTML. Se esta fosse uma emergência real, o seu navegador explodiria e seria o caos.
NotaVerifique se o seu documento é ambos bem formado e válido antes de empurrá-lo para o navegador. Caso contrário, Mozquito Factory adiciona uma mensagem de erro para o seu JavaScript que é a única coisa para mostrar quando o documento aparece no navegador. Se você quiser ter Mozquito verifique isso antes qualquer exportação de sua XHTML-FML, você pode definir isto na janela Edit Options ® sob a guia Configurações. Certifique-se de "Verificar validade na exportação" é verificada antes de clicar em OK. Se em algum momento você preferir não sua previsão XHTML FML em um navegador, mas gostaria de apenas convertê-lo para o arquivo HTML para uso posterior, vá para Arquivo → Exportação, o nome do seu arquivo com uma extensão. html, e clique em Exportar.
A fim de trabalhar com o FML, você deve escolher o XHTML-FML de seleção para o primeiro documento. Após fazer sua seleção, a estrutura de um documento XHTML básico FML aparece no Editor Mozquito janela. Observe a declaração DOCTYPE contém informações para um documento XHTML FML 1,0 conforme mostrado aqui:
Além do espaço para XHTML, o elemento HTML contém uma referência ao espaço para nome FML:
xmlns: x = "http://www.mozquito.org/xhtml-fml"
Isto significa que as Formas namespace Markup Language está agora disponível para uso no documento usando o prefixo x: para cada elemento.
Erro de verificação de sua XHTML-FMLMesmo que você mal tem uma concha de um documento, você ainda pode conferir a sua bem-andyou formedness pode também automaticamente validar e converter os seus arquivos XHTML FML sem Mozquito Factory Editor ainda em execução. Quando Mozquito Factory originalmente instala em máquinas Windows, ele automaticamente associa-se com qualquer arquivo. Xhtml em seu sistema. Desde que você não tenha modificado essa associação, dê um duplo clique em qualquer arquivo. Xhtml empurra-lo através do Mecanismo de Mozquito, verifica a sua consistência e validade, converte-lo para HTML e JavaScript, exibe em seu navegador, e coloca uma cópia do ficheiro HTML no mesmo diretório do seu documento XHTML-FML.
NotaMozquito.com também tem uma solução server-side chamado Chameleon que faz a validação eo processo de conversão na mosca. Se tudo que você quer fazer em seu processo de criação é criar arquivos XHTML-FML, Chameleon executar em seu servidor, em vez de converter manualmente os seus documentos toda vez que fizer uma alteração. Aqui está o código que você deve ver:
Untitled ...
Lembre-se de no início do artigo, a discussão sobre o uso da DTD FML na declaração DOCTYPE eo espaço para nome FML. Repare que o primeiro elemento FML faz uso deste espaço para nome. Isto eventualmente torna-se seu formulário de ordem com duas partes. Primeiro, eu guiá-lo com os princípios do FML, criando o formulário de informações de contato. Então você se move sobre a alguns dos recursos mais complexos do FML de autoria do segmento carrinho de compras do formulário.
Uma forma simples informações de contatoO elemento FML você precisa aprender primeiro ( ) Já está em vigor. Observe que o recipiente de forma quase idêntica FML HTML 4,01 corresponde ao seu homólogo, com a ressalva de que ele utiliza o namespace prefix FML. Notar também que a maioria dos componentes de forma FML são muito similares ao HTML, 4,01, o que lhe permite aprender esta linguagem de marcação rápida. O elemento FML próxima vez que utilizar é a caixa de entrada de texto, ou . Se você fosse fazer isso em HTML, ele iria ler . À medida que você passar por este exemplo e aprender os elementos básicos FML, lembre-se os seus homólogos HTML. Você precisa deles quando você começa a seção sobre acessibilidade web. Agora vamos dar-lhe uma identificação de nome. Isso marca o texto da caixa de entrada, se ele é chamado por outras partes do formulário, ele sabe que caixa de texto do formulário quer.
Nome:
NotaVocê terá várias iterações diferentes desta forma, assim que você pode querer dividi-lo em arquivos separados e trazê-los juntos no final. Um arquivo conterá as informações de contato e os outros terão o catálogo. Vamos adicionar o atributo de tamanho, com um valor de 30. Como no HTML, o atributo tamanho determina o tamanho aproximado da caixa de entrada. Em seguida, vamos adicionar um segundo elemento com um ID de e-mail.
Nome: E-Mail:
CuidadoNa maioria dos navegadores, o número de caracteres que podem caber em uma caixa de entrada de texto é baseado no tipo de letra Courier de largura. Se você definir uma fonte diferente, ou com uma folha de estilo ou por outros meios, você pode não ser capaz de ajustar o mesmo número de caracteres, tal como definido pelo atributo size.
A validação de entradaTudo o que você pode fazer com sua forma neste momento é inserir informações nas caixas de texto. Este é um ponto ideal para ter algum tipo de mecanismo para verificar o formato das informações digitadas. Normalmente isso é feito com JavaScripting complexo. Você também pode fazer isso com o script CGI que processa postprocessing formulário após clicar no botão Enviar. Com a flexibilidade do FML, você pode fazer isso com dois atributos na elemento chamado tipo (ctype conteúdo) e de validação. Todos os elementos do tipo de conteúdo em função como segue:
:
O atributo de validação permite que você escolha entre dois tipos de validação: estrito ou soltas. Se você escolher estrito, então qualquer coisa que o usuário digitado anteriormente no campo é eliminado eo usuário quer ter de digitá-lo corretamente ou deixar o campo em branco. Escolhendo validação folhas soltas todos os dados estava na caixa e emite um aviso "amigável" para o usuário, permitindo-lhe para continuar sem ter de corrigir o formato da entrada. Vamos adicionar a validação de entrada para a caixa de entrada de e-mail:
Nome: E-Mail:
Agora faça isso por meio de seu navegador para que você possa testar o que acontece. Uma vez que a versão modificada é aberto no seu navegador, preencher o campo e-mail com um texto que não se assemelha a um endereço de correio electrónico a todos. Feche a caixa de erro clicando em OK. Observe que o que você digitou na caixa de correio electrónico desapareceu. O cursor deve estar piscando na caixa de correio electrónico, esperando por você para reinserir algo correto. O e-mail ctype olha para os seguintes recursos necessários ao verificar um endereço de correio electrónico correcto :
- Um sinal @
- Sinal de um ou mais caracteres alfanuméricos antes do @
- Sinal de um ou mais caracteres alfanuméricos após o @
- Um ponto: "."
- Depois do ponto, dois ou mais caracteres alfabéticos
NotaEmbora seja possível verificar o formato de um endereço de e-mail, é difícil verificar se o e-mail realmente existe. Normalmente, você poderia fazer isso enviando uma consulta vrfy para o servidor SMTP configurado para lidar com esse endereço de correio electrónico específico. Entanto o comando vrfy também é visto como uma forma de spammers para verificar, obter, catálogo e endereços de correio electrónico utilizando um dicionário pré-programados. Com efeito, é muitas vezes deficientes.
Envio de formuláriosAgora você executar um teste para ver como está sua forma funcional e adicionar as tags FML que permitem que o usuário envie o formulário depois que preenchê-lo. Existem quatro coisas que você precisa atualmente para adicionar à sua marcação para permitir que você envie o formulário. Primeiro, você precisa dar a si mesmo uma forma de identificação. Faça isso adicionando o atributo id com um valor de contactform ao elemento:
Em seguida você precisa para dar a forma um local para o qual ele pode enviar seus dados. Isto significa que você precisa adicionar o atributo de ação para o seu elemento. Você ainda não aprendeu como escrever um script para analisar os valores de forma que uma forma de Fábrica Mozquito produz, portanto, use um script echo localizado na Mozquito.com para o valor do atributo de ação. Este script exibe preexistentes à entrada de vários campos do formulário para lhe dizer que o formulário foi enviado correctamente.
O próximo passo na preparação de sua forma de apresentação é a de adicionar outro atributo para cada um dos seus elementos. A enviar atributo diz Mozquito se a entrada em caixa especial, que deve ser enviada quando o formulário é submetido. Entrada não é enviado automaticamente por padrão. Você precisa adicionar o envio atributo com um valor de yes se você quiser os dados de um determinado campo de envio. O raciocínio por trás tendo para designar o que os dados são enviados e que não reside no fato de que muitas das características de uma forma FML pode ser utilizadas apenas para fins de navegação. Neste caso, não há razão para apresentar esses dados, juntamente com o formulário. Por isso, é importante para você indicar os dados que caixa de entrada de enviar. A fim de apresentar o formulário, você precisa criar um botão para que os usuários cliquem que envia o formulário de fora para onde os pontos de atributo de ação. Então adicione o elemento:
O valor do atributo do elemento botão contém o texto que aparece no botão quando o FML aparece no navegador. Este elemento é semelhante ao HTML 4.01 contrapartidas do
NotaIsso se torna muito útil quando você tem um documento com múltiplas formas como opções. Quando o usuário seleciona uma forma, você pode configurar o resto do documento para que somente esta forma particular é submetido.
CuidadoEm HTML, é comum usar o manipulador de eventos "onClick" em vez de "onclick". Certifique-se de todas as marcas e os atributos são minúsculas, incluindo manipuladores JavaScript como onclick. Aqui está o que se parece com o formulário em sua glória FML completo:
Nome: E-Mail:
um artigo submetido por Albert Lichtblau
Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre. Importante: Este artigo "Mozquito Fábrica e FML" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.