BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Formulaire de contact avec liste déroulante de sél
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Formulaire de contact avec liste déroulante de sél

 Répondre Répondre
Auteur
Message
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Formulaire de contact avec liste déroulante de sél
    Envoyé : 18 Jan 2015 à 11:20
Bonjour à tous,

J'ai un peu galéré pour trouver sur le forum toutes les infos pour créer un formulaire de contact avec liste de choix du destinataire. infos de Dmit que j'ai trouvé là :

Donc voila le pourquoi du tuto, ça évite des recherches !

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

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

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

Les éléments "Envoi Mail" peuvent partager les éléments "champs de saisie"

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

 - Ajoutez votre liste déroulante (ne pas l'ajouter au formulaire, mais au-dessus dans la page), avec 2 lignes (dans ce cas), dans "Configuration" => "gestion des listes" => "Valeur" attribuez aux lignes les "Valeurs" 1, 2  (respectivement autant 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 Header avec le code ci-dessous (ici 2 destinataire dans la liste déroulante) (la partie de script $('.b1, .b2').hide();  doit être respectée scrupuleusement avec les points, les virgules et apostrophes de début et de fin entre la parenthèse qui compose les 'bx'  (x=chiffre))

$(function(){

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

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

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

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

 }).change(); // pour appeler au debut

});


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

Testez si ca marche.

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

Paramétrez les blocs d'envoi par e-mail



Edité par Maurice306 - 18 Jan 2015 à 11:21
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.