🎯 Système de Formulaire Commun

Cette page démontre l'utilisation du système de formulaire commun qui permet d'avoir des formulaires identiques sur tout le site.

✅ Avantages du système :

  • Cohérence : Tous les formulaires ont la même structure
  • Maintenance facile : Une modification se répercute partout
  • Détection automatique de ville : Fonctionnalité intégrée
  • Configurations prêtes : Presets pour différents usages

Formulaire "Accueil"

Formulaire "Ville"

Formulaire "Complet"

Formulaire "Simple"

📖 Guide d'utilisation

1. Inclure les scripts

<script src="script.js"></script>
<script src="formulaire-commun.js"></script>

2. Utilisation simple avec presets

// Dans votre JavaScript
creerFormulaire('#mon-conteneur', 'ville');

// Presets disponibles : 'accueil', 'ville', 'complet', 'simple'

3. Utilisation avancée avec options personnalisées

FormulaireConfig.injecterFormulaire('#mon-conteneur', {
    titre: "Mon formulaire personnalisé",
    boutonTexte: "Envoyer ma demande",
    includeEntreprise: true,
    includeMission: true
});

4. Dans vos templates HTML

<!-- Remplacer le formulaire statique par : -->
<div id="formulaire-contact"></div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    creerFormulaire('#formulaire-contact', 'ville');
});
</script>

5. Modifier tous les formulaires en une fois

Pour modifier la structure de tous les formulaires du site :

  1. Ouvrir le fichier formulaire-commun.js
  2. Modifier la fonction getFormulaireHTML()
  3. Tous les formulaires utilisant ce système seront automatiquement mis à jour

🧪 Test de détection de ville

La ville détectée sur cette page : Chargement...

Note : Ouvrez cette page depuis une page ville pour voir la détection en action.