Garder DRY avec l'amélioration progressive

Question

Je construis un site Web avec de très petites quantités de Javascript, juste pour ajouter des choses à la page (comme un formulaire de contact) sans avoir à aller à une nouvelle page.

Je comprends que je devrais construire la page de contact de toute façon (juste au cas où l'utilisateur n'a pas javascript allumé) et ensuite utiliser javascript s'ils l'ont.

Alors, où puis-je stocker le HTML pour le formulaire si je ne veux pas l'avoir à deux endroits?

(Normalement, je ne suis pas si pointilleux, mais je suis curieux sur celui-ci.)

Answer 1

Si vous avez accès à un langage côté serveur, vous pouvez garder un extrait séparé de la forme dans un externe page. Ensuite, vous pouvez inclure l'extrait dans la page de contenu HTML avec un appel include approprié. Cela a l'avantage supplémentaire que, pour votre JavaScript, vous pouvez tirer le formulaire de contact à partir de ce fichier extrait en utilisant AJAX. En fait, de nombreux plugins vous permettent d'afficher des fenêtres DHTML avec du contenu HTML. Par exemple, consultez ThickBox. Sans un langage côté serveur, vous pouvez faire quelque chose de similaire avec des cadres. Il suffit d'afficher l'extrait de formulaire dans un cadre lorsque vous avez besoin de le référencer. Personnellement, je n'aime pas beaucoup les cadres, donc ce n'est pas une solution très attrayante pour moi, mais vous pouvez l'utiliser si vous choisissez (et stylisez les cadres de manière appropriée).

Answer 2

Il suffit de mettre votre code HTML pour le formulaire de contact dans un fichier .html. En supposant que vous utilisez PHP ou quelque chose, il suffit d'inclure le fichier dans votre page de contact et de l'inclure dans la section de votre formulaire de contact dynamique. Le formulaire doit toujours être soumis à la même page côté serveur et avoir la même apparence.

par exemple. contactForm.html

<div class="contact-form"> 
<input ....> 
</div>