Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Tuto : recevoir par mail plusieurs cases cochées
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Tuto : recevoir par mail plusieurs cases cochées

 Répondre Répondre
Auteur
Message
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Jan 18 2014
Status: Inactif
Points: 3921
Options des messages Options des messages   Thanks (2) Thanks(2)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Tuto : recevoir par mail plusieurs cases cochées
    Envoyé : Oct 24 2014 à 10:13am

Objectifs :

je veux que l’internaute coche des cases


  Seules les cases qu’il a cochées me seront envoyée par mail.


Avantage :

Plusieurs cases peuvent être cochées (donc différent de l'éléments "cases d'options")

Principe :

Ajouter un champ texte simple invisible et le remplir par javascript à chaque cochage de cases, ajouter ce champ invisible à l'Envoi Mail.

TUTO :

1.Glisser déposer un champ texte simple

-          Le rendre invisible (Propriété >>> décocher visible)

-          Mettre comme classe personnalisée « options-sum »


2.Glisser déposer un Bloc de code Source :

-          javascript + header

-          Coller dedans :

$(function(){
 
$('.options input').change(function(){ // sur changement dans une case
 
  var currVal = $('.options-sum input').val(); // valeur "integrale recapitulatif" en cours
 
  var chosen = $(this).is(':checked');
  if (!chosen)
    currVal = currVal.replace($(this).attr('name')+"; ", ""); // enlever cette option
  else
    currVal = currVal + $(this).attr('name')+"; "; // ajouter cette option
 
  $('.options-sum input').val(currVal); // mise a jour valeur integrale
});
 
$('.options input').trigger('change'); // simuler le changement pour initialiser la valeur integrale au demarrage (si une case est coche par defaut)


});

3. A chaque case :

-          Mettre comme classe personnalisée « options »

-          Mettre dans Attribut name : le mot que l’on veut retrouver dans le mail correspondant à la case cochée, exemple « location de salle »

4. Au champ Envoi Mail (qui a été glissé/déposé) :

-          Ne PAS mettre les cases (enlever-les s'ils étaient déjà ajoutées), mettre juste le champ invisible et les autres formulaires qu’on veut voir présents dans le mail :



Si on veut recevoir un "titre" pour les cases cochées (exemple : au sujet de :), il vaut mieux l'écrire dans l'intitulé : Element Envoi Mail >>> configurer >>> choisir le champ invisible et donné un intitulé.

(Au lieu de mettre un intitulé via Attribut name comme pour les cases, il vaut mieux le mettre dans l'intitulé via l'élément Envoi mail)

• EXEMPLE AVEC PLUSIEURS CASES :
L'internaute coche plusieurs cases et rempli le formulaire


Je reçois ceci par mail :


• EXPLICATION VISUELLE :





Edité par nico38 - Oct 24 2014 à 3:35pm
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9364
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 24 2014 à 10:29am
bien joué Nico38 Wink
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: May 31 2012
Status: Inactif
Points: 14004
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 24 2014 à 11:13am
Merci beaucoup, je vais essayer de verifier plus tard
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 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne