Tutoriaux utilisateurs : Formulaire de contact avec liste déroulante de sél

Procédure :
 -Supprimez l'élémentEnvoi Mail s'il est déjà ajoute (ilse trouve en haut a gauche de la page)

 - Ajoutez x boutons de formulaire pour l'envoi, chacuncorrespondant à 1 adresse, et pour chaquebouton dans "Propriétés" =>"Classe Personnalise" mettez "b1"ou "b2" (etc. autant de que de boutons) => cliquezsur ok

 - Ajoutez autant d'éléments "Envoi Mail" que de boutons de formulaire, et pour chaque élément dans "Champs du formulaire à prendre encompte" spécifiez son propre bouton dans"Bouton d'envoi" et lesadresses dans "Configuration del'envoi......"

Les éléments "Envoi Mail" peuvent partagerles éléments "champs de saisie"

 - Testez en local si l'envoifonctionne correctement sur les adresses (parl'apparition dans le formulaire du bouton correspondant à chaque adresse mailcorrespondant à la liste déroulante)

 -Ajoutez votre liste déroulante(ne pas l'ajouter au formulaire, mais au-dessusdans la page), avec 2 lignes (dans cecas), dans "Configuration"=> "gestion des listes" => "Valeur" attribuez auxlignes les "Valeurs" 1, 2  (respectivementautant de numéros que de destinataires et de boutons)

Puis, pour cet élément,dans Propriétés=> "Expert" => "Classes perso" mettez choixDestinataire

 - Ajouter un Bloc de Code Source type JavaScript position Headeravec le code ci-dessous (ici 2destinataire dans la liste déroulante) (lapartie de script $('.b1, .b2').hide();  doit êtrerespectée scrupuleusement avec les points, les virgules et apostrophes de débutet de fin entre la parenthèse qui compose les 'bx'  (x=chiffre))

$(function(){

$('.choixDestinataireselect').change(function() { // sur changement de choix

      var choice =$(this).val();

      $('.b1, .b2').hide();

      $('.b'+choice).show().css('visibility', 'visible');

 }).change(); // pourappeler au debut

});

Ce code permet d'afficherun seul bouton à la fois, selon le choix dans la liste déroulante

Testez si camarche.

Ensuite vouspouvez mettre tous les boutons au même endroit (l'un sur l'autre) avec le même nom (envoipar exemple) pour ne pas voir le changement

Paramétrez les blocs d'envoipar e-mail