Rester AU SEC avec une amélioration progressive

Question

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

Je comprends que je devrais de toute façon créer la page de contact (juste au cas où l'utilisateur n'aurait pas activé Javascript), puis utiliser Javascript s'il l'a.

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

(Normalement, je ne suis pas si difficile, mais je suis curieux de savoir celui-ci.)

Answer 1

Si vous avez accès à un langage côté serveur, vous pouvez conserver un extrait distinct du formulaire dans une page externe.Ensuite, vous pouvez inclure l'extrait dans la page de contenu HTML avec un include appel.Cela présente l'avantage supplémentaire que, pour votre JavaScript, vous pouvez extraire le formulaire de contact de ce fichier d'extrait de code en utilisant AJAX.En fait, de nombreux plugins permettent d'afficher des fenêtres DHTML avec du contenu HTML.Par exemple, consultez Boîte épaisse.

Sans langage côté serveur, vous pouvez faire quelque chose de similaire avec les frames.Affichez simplement l'extrait de formulaire dans un cadre lorsque vous devez le référencer.Personnellement, je n'aime pas beaucoup les cadres, ce n'est donc pas une solution très intéressante pour moi, mais vous pouvez l'utiliser si vous le souhaitez (et styliser les cadres de manière appropriée).

Answer 2

Il suffit de mettre votre HTML pour le formulaire de contact dans un fichier .html.En supposant que vous utilisiez php ou quelque chose, incluez simplement le fichier de votre page de contact et y inclure dans la section pour votre formulaire de contact dynamique.Le formulaire doit toujours soumettre à la même page côté serveur et avoir le même aspect et la même sensation.

E.g.ContactForm.html

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