Mantendo-se SECO com aprimoramento progressivo
-
13-09-2020 - |
Pergunta
Estou construindo um site com quantidades muito pequenas de Javascript, apenas para adicionar coisas à página (como um formulário de contato) sem precisar ir para uma nova página.
Entendo que devo criar a página de contato de qualquer maneira (caso o usuário não tenha o javascript ativado) e, em seguida, usar o javascript, se o tiver.
Então, onde devo armazenar o HTML do formulário se não quiser tê-lo em dois lugares?
(Normalmente não sou tão exigente, mas estou curioso sobre este.)
Solução
Se você tiver acesso a uma linguagem do lado do servidor, poderá manter um trecho separado do formulário em uma página externa.Em seguida, você pode incluir o snippet na página de conteúdo HTML com um código apropriado include
chamar.Isso tem o benefício adicional de que, para seu JavaScript, você pode extrair o formulário de contato deste arquivo de snippet usando AJAX.Na verdade, muitos plug-ins permitem exibir janelas DHTML com conteúdo HTML.Por exemplo, confira Caixa grossa.
Sem uma linguagem do lado do servidor, você pode fazer algo semelhante com frames.Basta exibir o snippet do formulário em um quadro quando precisar referenciá-lo.Pessoalmente, não gosto muito de molduras, então esta não é uma solução muito atraente para mim, mas você pode usá-la se quiser (e estilizar as molduras adequadamente).
Outras dicas
Basta colocar o HTML do formulário de contato em um arquivo .html.Supondo que você esteja usando PHP ou algo assim, basta incluir o arquivo em sua página de contato e incluí-lo na seção de seu formulário de contato dinâmico.O formulário ainda deve ser enviado para a mesma página do servidor e ter a mesma aparência.
por exemplo.contactForm.html
<div class="contact-form">
<input ....>
</div>