Cadeau - step 3 | Trouv' Cadeau

<form id="form_17947" class="col-xs-12 style1" action="/rest/cadeau/cadeau/" method="{{#id}}PUT{{/id}}{{^id}}POST{{/id}}" onsubmit="" data-blapy-noblapydata="1" >    <div id="input_17948" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="id_17948">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17948-rte" href="/rest/newsiteeditor/longtitle/17948" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17948" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="id" id="id_17948" placeholder="" value="{{#id}}{{id}}{{/id}}" > </div> </div> </div>     <div id="formRow_17924" class="col-xs-12 step1" style="" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17924-rte" href="/rest/newsiteeditor/longtitle/17924" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17924" data-successmsg="Modification effectuée" >step 3 - 1</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_17924 row">    <script> function initSelectOption_17919() { function startBootstrapSelect() { $('#tv-cadeautemps_17919').val('{{templateVars.cadeauTemps_concat}}'); $('#tv-cadeautemps_17919').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' ,"showTick":true }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_17919, false); } else initSelectOption_17919(); </script> <div id="selectoptions_17919" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeautemps_17919">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17919-rte" href="/rest/newsiteeditor/longtitle/17919" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17919" data-successmsg="Modification effectuée" >Quelques mots pour décrire {{pagetitle}}</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeautemps_17919" class="form-control selectpicker show-tick" name="tv_cadeauTemps[]" title="" multiple >  <option value="Nostalgique à souhait" data-icon="" > Nostalgique à souhait </option>   <option value="Critique du passé" data-icon="" > Critique du passé </option>   <option value="Distrait" data-icon="" > Distrait </option>   <option value="Les pieds sur terre" data-icon="" > Les pieds sur terre </option>   <option value="Planifie tout" data-icon="" > Planifie tout </option>   <option value="Improvise en permanence" data-icon="" > Improvise en permanence </option>   <option value="Attend la retraite" data-icon="" > Attend la retraite </option>  </select> <script> function initSelect_17919() { $('#select_tv-cadeautemps_17919').val("{{templateVars.cadeauTemps_concat}}").change(); let chaine="{{templateVars.cadeauTemps_concat}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_17919', 100, function() { if ( $('#tv-cadeautemps_17919').length && $('#tv-cadeautemps_17919').selectpicker ) { $('#tv-cadeautemps_17919') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeautemps_17919').length) { $('#select_tv-cadeautemps_17919').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeautemps_17919').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeautemps_17919') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeautemps_17919').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeautemps_17919 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_17919(); }); } else initSelect_17919(); </script> </div> </div> </div>     <script> function initSelectOption_17928() { function startBootstrapSelect() { $('#tv-cadeautempslibre_17928').val('{{templateVars.cadeauTempsLibre_concat}}'); $('#tv-cadeautempslibre_17928').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' ,"showTick":true }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_17928, false); } else initSelectOption_17928(); </script> <div id="selectoptions_17928" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeautempslibre_17928">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17928-rte" href="/rest/newsiteeditor/longtitle/17928" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17928" data-successmsg="Modification effectuée" >Généralement {{pagetitle}} pendant son temps libre fait...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeautempslibre_17928" class="form-control selectpicker show-tick" name="tv_cadeauTempsLibre[]" title="" multiple >  <option value="Sport ou activités physiques (ex. jogging, yoga, fitness, randonnée)" data-icon="" > Sport ou activités physiques (ex. jogging, yoga, fitness, randonnée) </option>   <option value="Détente à la maison (ex. lecture, films, séries, jeux vidéo, jardinage)" data-icon="" > Détente à la maison (ex. lecture, films, séries, jeux vidéo, jardinage) </option>   <option value="Sorties et rencontres sociales (ex. restaurants, concerts, événements)" data-icon="" > Sorties et rencontres sociales (ex. restaurants, concerts, événements) </option>   <option value="Temps en famille ou entre amis (ex. repas, discussions, jeux de société)" data-icon="" > Temps en famille ou entre amis (ex. repas, discussions, jeux de société) </option>   <option value="Découverte ou apprentissage (ex. visites culturelles, cours, projets personnels)" data-icon="" > Découverte ou apprentissage (ex. visites culturelles, cours, projets personnels) </option>   <option value="Voyages ou escapades" data-icon="" > Voyages ou escapades </option>   <option value="{{pagetitle}} lit beaucoup" data-icon="" > {{pagetitle}} lit beaucoup </option>   <option value="{{pagetitle}} écoute beaucoup de musique" data-icon="" > {{pagetitle}} écoute beaucoup de musique </option>  </select> <script> function initSelect_17928() { $('#select_tv-cadeautempslibre_17928').val("{{templateVars.cadeauTempsLibre_concat}}").change(); let chaine="{{templateVars.cadeauTempsLibre_concat}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_17928', 100, function() { if ( $('#tv-cadeautempslibre_17928').length && $('#tv-cadeautempslibre_17928').selectpicker ) { $('#tv-cadeautempslibre_17928') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeautempslibre_17928').length) { $('#select_tv-cadeautempslibre_17928').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeautempslibre_17928').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeautempslibre_17928') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeautempslibre_17928').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeautempslibre_17928 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_17928(); }); } else initSelect_17928(); </script> </div> </div> </div>     <div id="radiobuttons_17922_3_" class="formRadioButton col-sm-12" style="" > <div class="form-group radiobuttons"> <div> <label class="control-label" for="cadeauachat_17922">  <div class=" noinit formRadioButtonsFieldTitle"> <div class="formRadioButtonsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17922-rte" href="/rest/newsiteeditor/longtitle/17922" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17922" data-successmsg="Modification effectuée" >Ses comportements d’achat sont plutôt?</span> </span> </div> </div>   </label> </div> <div>  <div class="radio radio-inline col-sm-3 columns" > <input type="radio" id="radiobutton_17922_3__tv_cadeauAchat_Impulsif" name="tv_cadeauAchat" class="css-radiobutton" value="Impulsif" > <label for="radiobutton_17922_3__tv_cadeauAchat_Impulsif" class="css-label1">Impulsif</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17922_3_() { if($("#radiobutton_17922_3__tv_cadeauAchat_Impulsif").attr('value') == "{{templateVars.cadeauAchat}}") { $("#radiobutton_17922_3__tv_cadeauAchat_Impulsif").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17922_3_, false); } else initRadioButton_17922_3_(); </script> </div>   <div class="radio radio-inline col-sm-3 columns" > <input type="radio" id="radiobutton_17922_3__tv_cadeauAchat_Reflechi" name="tv_cadeauAchat" class="css-radiobutton" value="Reflechi" > <label for="radiobutton_17922_3__tv_cadeauAchat_Reflechi" class="css-label1">Réfléchi</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17922_3_() { if($("#radiobutton_17922_3__tv_cadeauAchat_Reflechi").attr('value') == "{{templateVars.cadeauAchat}}") { $("#radiobutton_17922_3__tv_cadeauAchat_Reflechi").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17922_3_, false); } else initRadioButton_17922_3_(); </script> </div>   <div class="radio radio-inline col-sm-3 columns" > <input type="radio" id="radiobutton_17922_3__tv_cadeauAchat_Hedoniste" name="tv_cadeauAchat" class="css-radiobutton" value="Hedoniste" > <label for="radiobutton_17922_3__tv_cadeauAchat_Hedoniste" class="css-label1">Hédoniste (pour se faire plaisir)</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17922_3_() { if($("#radiobutton_17922_3__tv_cadeauAchat_Hedoniste").attr('value') == "{{templateVars.cadeauAchat}}") { $("#radiobutton_17922_3__tv_cadeauAchat_Hedoniste").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17922_3_, false); } else initRadioButton_17922_3_(); </script> </div>   <div class="radio radio-inline col-sm-3 columns" > <input type="radio" id="radiobutton_17922_3__tv_cadeauAchat_Pragmatique" name="tv_cadeauAchat" class="css-radiobutton" value="Pragmatique" > <label for="radiobutton_17922_3__tv_cadeauAchat_Pragmatique" class="css-label1">Pragmatique (centré sur l’utilité)</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17922_3_() { if($("#radiobutton_17922_3__tv_cadeauAchat_Pragmatique").attr('value') == "{{templateVars.cadeauAchat}}") { $("#radiobutton_17922_3__tv_cadeauAchat_Pragmatique").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17922_3_, false); } else initRadioButton_17922_3_(); </script> </div>  </div> </div> </div>     <div id="radiobuttons_17929_4_" class="formRadioButton col-sm-12" style="" > <div class="form-group radiobuttons"> <div> <label class="control-label" for="tv-cadeaurythme_17929">  <div class=" noinit formRadioButtonsFieldTitle"> <div class="formRadioButtonsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17929-rte" href="/rest/newsiteeditor/longtitle/17929" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17929" data-successmsg="Modification effectuée" >Comment est son rythme de vie?</span> </span> </div> </div>   </label> </div> <div>  <div class="radio radio-inline col-sm-4 columns" > <input type="radio" id="radiobutton_17929_4__tv_cadeauRythme_active" name="tv_cadeauRythme" class="css-radiobutton" value="active" > <label for="radiobutton_17929_4__tv_cadeauRythme_active" class="css-label1">Actif, Toujours en mouvement</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17929_4_() { if($("#radiobutton_17929_4__tv_cadeauRythme_active").attr('value') == "{{templateVars.cadeauRythme}}") { $("#radiobutton_17929_4__tv_cadeauRythme_active").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17929_4_, false); } else initRadioButton_17929_4_(); </script> </div>   <div class="radio radio-inline col-sm-4 columns" > <input type="radio" id="radiobutton_17929_4__tv_cadeauRythme_balanced" name="tv_cadeauRythme" class="css-radiobutton" value="balanced" > <label for="radiobutton_17929_4__tv_cadeauRythme_balanced" class="css-label1">Équilibré entre activité et repos</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17929_4_() { if($("#radiobutton_17929_4__tv_cadeauRythme_balanced").attr('value') == "{{templateVars.cadeauRythme}}") { $("#radiobutton_17929_4__tv_cadeauRythme_balanced").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17929_4_, false); } else initRadioButton_17929_4_(); </script> </div>   <div class="radio radio-inline col-sm-4 columns" > <input type="radio" id="radiobutton_17929_4__tv_cadeauRythme_sedentary" name="tv_cadeauRythme" class="css-radiobutton" value="sedentary" > <label for="radiobutton_17929_4__tv_cadeauRythme_sedentary" class="css-label1">Plutôt calme et posé</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_17929_4_() { if($("#radiobutton_17929_4__tv_cadeauRythme_sedentary").attr('value') == "{{templateVars.cadeauRythme}}") { $("#radiobutton_17929_4__tv_cadeauRythme_sedentary").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_17929_4_, false); } else initRadioButton_17929_4_(); </script> </div>  </div> </div> </div>  </div> </div>      <section id="section_suivant_17946" class="section_17940_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="17940" >  <style scoped> #button_17947_18053 { background: #e6Be9a; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #6F0F11; font-weight: 800; padding: 15px 30px; letter-spacing: 0.1em; transition: all 0.3s ease; text-align: center; cursor: pointer; border: none; outline: none; /*il y a du CSS dans la congiguration CSS */ } #button_17947_18053:hover { background: #f1a662; box-shadow: 0 15px 20px rgba(0, 190, 243, 0.1); transform: translateY(-2px); } </style>  <div class="buttonDiv submit_btn center"> <button id="button_17947_18053" type="button" class="btn btn-default" value="Suivant" onClick="if ($(this).hasClass('next')) {
 console.log("État actuel : next. Action XX exécutée.");
 $(this).removeClass('next').addClass('previous');
 nextStep();
 $(this).text('Précedent');
 } else if ($(this).hasClass('previous')) {
 console.log("État actuel : previous. Action X exécutée.");
 $(this).removeClass('previous').addClass('next');
 lastStep();
 $(this).text('Suivant');
 } else {
 console.log("Aucune classe initiale détectée, next");
 $(this).addClass('previous');
 nextStep();
 $(this).text('Précedent');
 }" > Suivant </button> </div>  </section>      <div id="formRow_18052" class="col-xs-12 step2" style="" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-18052-rte" href="/rest/newsiteeditor/longtitle/18052" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18052" data-successmsg="Modification effectuée" >step 3 - 2</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_18052 row">    <div id="formRow_18051" class="col-xs-12 " style="padding-top:2%; padding-bottom:2%;" > <div class="row_18051 row">    <div id="input_17931" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_17931" class="css-checkbox" {{#templateVars.cadeauSansationsFortes}}checked{{/templateVars.cadeauSansationsFortes}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_17931') .attr('value','1'); } else { $('#checkbox_hidden_17931') .attr('value','0'); } " > <label for="checkbox_17931" class="css-label1"> <span id="siteeditor-longtitle-17931-rte" href="/rest/newsiteeditor/longtitle/17931" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17931" data-successmsg="Modification effectuée" >{{pagetitle}} aime les sensations fortes ?</span> </label> <input type="hidden" id="checkbox_hidden_17931" name="tv_cadeauSansationsFortes" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_17931() { //local js code if($("#checkbox_17931").prop('checked')==true) { $('#checkbox_hidden_17931').attr('value','1'); } else { $('#checkbox_hidden_17931').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_17931, false); } else initCheckBox_17931(); </script> </div> </div>     <div id="input_17932" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_17932" class="css-checkbox" {{#templateVars.cadeauMode}}checked{{/templateVars.cadeauMode}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_17932') .attr('value','1'); } else { $('#checkbox_hidden_17932') .attr('value','0'); } " > <label for="checkbox_17932" class="css-label1"> <span id="siteeditor-longtitle-17932-rte" href="/rest/newsiteeditor/longtitle/17932" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17932" data-successmsg="Modification effectuée" >{{pagetitle}} aime la mode ?</span> </label> <input type="hidden" id="checkbox_hidden_17932" name="tv_cadeauMode" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_17932() { //local js code if($("#checkbox_17932").prop('checked')==true) { $('#checkbox_hidden_17932').attr('value','1'); } else { $('#checkbox_hidden_17932').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_17932, false); } else initCheckBox_17932(); </script> </div> </div>     <div id="input_17933" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_17933" class="css-checkbox" {{#templateVars.cadeauAttention}}checked{{/templateVars.cadeauAttention}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_17933') .attr('value','1'); } else { $('#checkbox_hidden_17933') .attr('value','0'); } " > <label for="checkbox_17933" class="css-label1"> <span id="siteeditor-longtitle-17933-rte" href="/rest/newsiteeditor/longtitle/17933" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17933" data-successmsg="Modification effectuée" >{{pagetitle}} fait attention à lui/elle?</span> </label> <input type="hidden" id="checkbox_hidden_17933" name="tv_cadeauAttention" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_17933() { //local js code if($("#checkbox_17933").prop('checked')==true) { $('#checkbox_hidden_17933').attr('value','1'); } else { $('#checkbox_hidden_17933').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_17933, false); } else initCheckBox_17933(); </script> </div> </div>     <div id="input_18050" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_18050" class="css-checkbox" {{#templateVars.cadeauAnimal}}checked{{/templateVars.cadeauAnimal}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_18050') .attr('value','1'); } else { $('#checkbox_hidden_18050') .attr('value','0'); } " > <label for="checkbox_18050" class="css-label1"> <span id="siteeditor-longtitle-18050-rte" href="/rest/newsiteeditor/longtitle/18050" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18050" data-successmsg="Modification effectuée" >{{pagetitle}} a un animal de compagnie</span> </label> <input type="hidden" id="checkbox_hidden_18050" name="tv_cadeauAnimal" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_18050() { //local js code if($("#checkbox_18050").prop('checked')==true) { $('#checkbox_hidden_18050').attr('value','1'); } else { $('#checkbox_hidden_18050').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_18050, false); } else initCheckBox_18050(); </script> </div> </div>  </div> </div>     <script> function initSelectOption_17935() { function startBootstrapSelect() { $('#tv-cadeaudecouverte_17935').val('{{templateVars.cadeauDecouverte}}'); $('#tv-cadeaudecouverte_17935').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_17935, false); } else initSelectOption_17935(); </script> <div id="selectoptions_17935" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaudecouverte_17935">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17935-rte" href="/rest/newsiteeditor/longtitle/17935" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17935" data-successmsg="Modification effectuée" >Le plus souvent..</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaudecouverte_17935" class="form-control selectpicker show-tick" name="tv_cadeauDecouverte" title="" >  <option value="Ce que connait et aime {{pagetitle}} le/la rassure et trouve cela agréable" data-icon="" > Ce que connait et aime {{pagetitle}} le/la rassure et trouve cela agréable </option>   <option value="Rien de mieux que l'inconnu pour {{pagetitle}}" data-icon="" > Rien de mieux que l'inconnu pour {{pagetitle}} </option>  </select> <script> function initSelect_17935() { $('#select_tv-cadeaudecouverte_17935').val("{{templateVars.cadeauDecouverte}}").change(); let chaine="{{templateVars.cadeauDecouverte}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_17935', 100, function() { if ( $('#tv-cadeaudecouverte_17935').length && $('#tv-cadeaudecouverte_17935').selectpicker ) { $('#tv-cadeaudecouverte_17935') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaudecouverte_17935').length) { $('#select_tv-cadeaudecouverte_17935').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaudecouverte_17935').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaudecouverte_17935') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeaudecouverte_17935').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaudecouverte_17935 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_17935(); }); } else initSelect_17935(); </script> </div> </div> </div>     <script> function initSelectOption_15504() { function startBootstrapSelect() { $('#tv-cadeaugouts_15504').val('{{{templateVars.cadeauGouts_concat}}}'); $('#tv-cadeaugouts_15504').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' ,"showTick":true }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15504, false); } else initSelectOption_15504(); </script> <div id="selectoptions_15504" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaugouts_15504">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-15504-rte" href="/rest/newsiteeditor/longtitle/15504" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15504" data-successmsg="Modification effectuée" >Qu'est ce qu'aime {{pagetitle}} ...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaugouts_15504" class="form-control selectpicker show-tick" name="FORM_tv_cadeauGouts[]" title="" multiple >  <option value="Le Rock" data-icon="" > Le Rock </option>   <option value="L'Électro" data-icon="" > L'Électro </option>   <option value="Le jazz" data-icon="" > Le jazz </option>   <option value="La pop" data-icon="" > La pop </option>   <option value="Le Classique" data-icon="" > Le Classique </option>   <option value="{{pagetitle}} s'ambiance sur tout y compris au supermarché!" data-icon="" > {{pagetitle}} s'ambiance sur tout y compris au supermarché! </option>   <option value="La Peinture - L'Art" data-icon="" > La Peinture - L'Art </option>   <option value="Les Films de Comédie" data-icon="" > Les Films de Comédie </option>   <option value="Les Films d'action" data-icon="" > Les Films d'action </option>   <option value="Les Films dramatiques" data-icon="" > Les Films dramatiques </option>   <option value="Les documentaires" data-icon="" > Les documentaires </option>   <option value="Les Films d'Auteur" data-icon="" > Les Films d'Auteur </option>  </select> <script> function initSelect_15504() { $('#select_tv-cadeaugouts_15504').val("{{{templateVars.cadeauGouts_concat}}}").change(); let chaine="{{{templateVars.cadeauGouts_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15504', 100, function() { if ( $('#tv-cadeaugouts_15504').length && $('#tv-cadeaugouts_15504').selectpicker ) { $('#tv-cadeaugouts_15504') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaugouts_15504').length) { $('#select_tv-cadeaugouts_15504').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaugouts_15504').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaugouts_15504') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeaugouts_15504').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaugouts_15504 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15504(); }); } else initSelect_15504(); </script> </div> </div> </div>     <script> function initSelectOption_15484() { function startBootstrapSelect() { $('#tv-cadeauhabitation_15484').val('{{templateVars.cadeauHabitation}}'); $('#tv-cadeauhabitation_15484').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15484, false); } else initSelectOption_15484(); </script> <div id="selectoptions_15484" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeauhabitation_15484">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-15484-rte" href="/rest/newsiteeditor/longtitle/15484" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15484" data-successmsg="Modification effectuée" >{{pagetitle}} ..</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeauhabitation_15484" class="form-control selectpicker show-tick" name="FORM_tv_cadeauHabitation" title="" >  <option value="Habite en ville" data-icon="" > Habite en ville </option>   <option value="Habite à la campagne" data-icon="" > Habite à la campagne </option>   <option value="Habite à la montagne" data-icon="" > Habite à la montagne </option>   <option value="Habite à la mer" data-icon="" > Habite à la mer </option>   <option value="Aime le voyage" data-icon="" > Aime le voyage </option>   <option value="est Nomade digital" data-icon="" > est Nomade digital </option>  </select> <script> function initSelect_15484() { $('#select_tv-cadeauhabitation_15484').val("{{templateVars.cadeauHabitation}}").change(); let chaine="{{templateVars.cadeauHabitation}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15484', 100, function() { if ( $('#tv-cadeauhabitation_15484').length && $('#tv-cadeauhabitation_15484').selectpicker ) { $('#tv-cadeauhabitation_15484') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeauhabitation_15484').length) { $('#select_tv-cadeauhabitation_15484').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeauhabitation_15484').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeauhabitation_15484') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeauhabitation_15484').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeauhabitation_15484 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15484(); }); } else initSelect_15484(); </script> </div> </div> </div>     <script> function initSelectOption_18047() { function startBootstrapSelect() { $('#tv-cadeauprofilpcm_18047').val('{{templateVars.cadeauProfilPCM}}'); $('#tv-cadeauprofilpcm_18047').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_18047, false); } else initSelectOption_18047(); </script> <div id="selectoptions_18047" class="col-sm-4 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeauprofilpcm_18047">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-18047-rte" href="/rest/newsiteeditor/longtitle/18047" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18047" data-successmsg="Modification effectuée" >Quel est le profil de {{pagetitle}} ? Plutôt...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeauprofilpcm_18047" class="form-control selectpicker show-tick" name="FORM_tv_cadeauProfilPCM" title="" >  <option value="Perseverant" data-icon="" > Persévérant </option>   <option value="Travaillomane" data-icon="" > Travaillomane </option>   <option value="Empathique" data-icon="" > Empathique </option>   <option value="Entrepreneur" data-icon="" > Entrepreneur </option>   <option value="Rebelle" data-icon="" > Rebelle </option>   <option value="Reveur" data-icon="" > Rêveur </option>  </select> <script> function initSelect_18047() { $('#select_tv-cadeauprofilpcm_18047').val("{{templateVars.cadeauProfilPCM}}").change(); let chaine="{{templateVars.cadeauProfilPCM}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_18047', 100, function() { if ( $('#tv-cadeauprofilpcm_18047').length && $('#tv-cadeauprofilpcm_18047').selectpicker ) { $('#tv-cadeauprofilpcm_18047') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeauprofilpcm_18047').length) { $('#select_tv-cadeauprofilpcm_18047').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeauprofilpcm_18047').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeauprofilpcm_18047') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeauprofilpcm_18047').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeauprofilpcm_18047 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_18047(); }); } else initSelect_18047(); </script> </div> </div> </div>  </div> </div>      <section id="section_suivant_and_profil_update_17946" class="section_17940_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="17940" >  <style scoped> #button_17947_18055 { background: #e6Be9a; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #6F0F11; font-weight: 800; padding: 15px 30px; letter-spacing: 0.1em; transition: all 0.3s ease; text-align: center; cursor: pointer; border: none; outline: none; /*il y a du CSS dans la congiguration CSS */ } #button_17947_18055:hover { background: #f1a662; box-shadow: 0 15px 20px rgba(0, 190, 243, 0.1); transform: translateY(-2px); } </style>  <div class="buttonDiv submit_btn center"> <button id="button_17947_18055" type="button" class="btn btn-default" value="Suivant" onClick="$("#form_17942").submit();

 if ($(this).hasClass('next')) {
 console.log("État actuel : next. Action XX exécutée.");
 $(this).removeClass('next').addClass('previous');
 nextStep();
 $(this).text('Précedent');
 } else if ($(this).hasClass('previous')) {
 console.log("État actuel : previous. Action X exécutée.");
 $(this).removeClass('previous').addClass('next');
 lastStep();
 $(this).text('Suivant');
 } else {
 console.log("Aucune classe initiale détectée, next");
 $(this).addClass('previous');
 nextStep();
 $(this).text('Précedent');
 }" > Suivant </button> </div>  </section>      <div id="formRow_17983" class="col-xs-12 step3" style="" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17983-rte" href="/rest/newsiteeditor/longtitle/17983" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17983" data-successmsg="Modification effectuée" >caractéristiques cadeau</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_17983 row">    <script> function initSelectOption_15433() { function startBootstrapSelect() { $('#tv-cadeaulien_15433').val('{{{templateVars.cadeauLien}}}'); $('#tv-cadeaulien_15433').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { $.loadFileOnce( "/assets/libraries/bootstrap-select/js/i18n/defaults-fr_FR.js" ) .done(function() { startBootstrapSelect(); }); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15433, false); } else initSelectOption_15433(); </script> <div id="selectoptions_15433" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaulien_15433">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-15433-rte" href="/rest/newsiteeditor/longtitle/15433" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15433" data-successmsg="Modification effectuée" >Quels sont vos liens avec {{pagetitle}}?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaulien_15433" class="form-control selectpicker show-tick" name="FORM_tv_cadeauLien" title="" >  <option value="meilleursAmis" data-icon="" > Vous êtes meilleurs Amis </option>   <option value="conjoints" data-icon="" > Vous êtes conjoints </option>   <option value="familleProche" data-icon="" > C'est un membre de votre Famille proche </option>   <option value="familleElargie" data-icon="" > C'est un membre de votre Famille au sens large </option>   <option value="collegues" data-icon="" > Vous êtes Collègues </option>   <option value="proches" data-icon="" > Vous êtes Proches </option>   <option value="connaissance" data-icon="" > Vous ne vous connaissez pas trop </option>  </select> <script> function initSelect_15433() { $('#select_tv-cadeaulien_15433').val("{{{templateVars.cadeauLien}}}").change(); let chaine="{{{templateVars.cadeauLien}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15433', 100, function() { if ( $('#tv-cadeaulien_15433').length && $('#tv-cadeaulien_15433').selectpicker ) { $('#tv-cadeaulien_15433') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaulien_15433').length) { $('#select_tv-cadeaulien_15433').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaulien_15433').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaulien_15433') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeaulien_15433').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaulien_15433 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15433(); }); } else initSelect_15433(); </script> </div> </div> </div>  </div> </div>  <style scoped> #formSubmit_17947, #formReset_17947{ background: #e6Be9a; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #6F0F11; font-weight: 800; padding: 15px 30px; letter-spacing: 0.1em; transition: all 0.3s ease; text-align: center; cursor: pointer; border: none; outline: none; /*il y a du CSS dans la congiguration CSS */ } #formSubmit_17947:hover, #formReset_17947:hover { background: #f1a662; box-shadow: 0 15px 20px rgba(0, 190, 243, 0.1); transform: translateY(-2px); } </style> <div class="submit_btn col-xs-12"> <div class="submit inner center"> <button id="formSubmit_17947" type="submit" class="btn btn-default" value="Mettre à jour son profil" onClick="$('#section_bo_stream').css('display', 'block');
 $('#section_bo_stream').fadeIn('slow');
 
 $("#form_17942").submit();

 $.imxLoaderDisplay('sasha');
 $.doTimeout('hideLoader',15000,function(){
 $.imxLoaderHide(true);
 });
 
 $(this).hide();
 $('#blapy_17946').hide();" > Mettre à jour son profil </button> </div> </div> </form> <script> if (typeof initFormCode_17947 !== "function") { function initFormCode_17947() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_17947 button:submit").click(function(eventObject) { $('#form_17947').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_17947"); $(document).on("submit", "#form_17947", function(event) { event.preventDefault(); // get all the inputs into an array. let $inputs = $(this).serializeArray(); // not sure if you wanted this, but I thought I'd add it. // get an associative array of the values in the form. let formValues = {}; $.each($inputs, function() { if (this.name.indexOf('[]') >= 0) {//this input is an array of input (as select options) let name=this.name.replace('[]',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); name = name.replace('FORM_',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); //add a variable with the concat of the array... formValues[name+'_concat']=formValues[name].join(); } else { formValues[this.name] = this.value; formValues[this.name.replace('FORM_','')] = this.value; } }); //parse tag values with input $.each($inputs, function() { // {{=<% %>=}} //to skip mustache processing let match = this.value.match(/{{(.*)}}/gy); //search tag field name that could be used from blapyURLData_Link // <%={{ }}=%> //to reactivate mustache processing if (match != null) { formValues[this.name]=Mustache.render(this.value,formValues); } }); //add the submit input info that is not given by the serializeArray if (event.originalEvent) { aSubmitInput = $(event.originalEvent.currentTarget.activeElement); if (aSubmitInput) { //the submit was emitted by an input that is not of submit type (enter on a field perhaps) if (aSubmitInput.attr('type') != 'submit') { //let's get the first submit object aSubmitInput = $(event.originalEvent.target).find("*").filter(':submit:visible:first') } if (aSubmitInput && aSubmitInput.attr('name')) formValues[aSubmitInput.attr('name')] = aSubmitInput.attr('value'); } } let blapy_id = "17975"; let blapy_target = blapy_id.split('->'); let blapyObject=blapy_id+"_div"; if (blapy_target.length>1) { blapyObject = blapy_target[0]; blapy_target= blapy_target[1]; } else { blapy_target= blapy_id; } if ($.isNumeric( blapy_target )) blapy_target = "blapy_"+blapy_target+"_div"; $('#blapy_'+blapyObject).trigger('postData', { aUrl: $(this).attr("action"), params: jQuery.extend({'embeddingBlockId':$('#'+blapy_target).attr('data-blapy-container-name')}, formValues), method: $(this).attr("method"), noBlapyData:$(this).attr("data-blapy-noblapydata") }); });//end on submit /**  **/ }//end initFormCode_17947 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_17947, false); } else initFormCode_17947(); }//end if </script>

<form id="form_15400" class="col-xs-12 style1" action="/rest/cadeau/cadeauupdate" method="POST" onsubmit="$.imxLoaderDisplay('sasha');
 $.doTimeout('hideLoader',40000,function(){
 $.imxLoaderHide(true);
 });
 
$.doTimeout('showMessage', 10000, function() {
 alert("Pas de stress, Trouv' Cadeau cogite. Merci d'être patient ! ");
});

$.doTimeout('showMessage2', 30000, function() {
 alert("C'est long... Mais ça arrive! Les IA seraient-elles moins rapides qu'annoncé ?");
});" data-blapy-noblapydata="1" >    <div id="input_15402" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="pagetitle_15402">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-15402-rte" href="/rest/newsiteeditor/longtitle/15402" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15402" data-successmsg="Modification effectuée" >textName</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_pagetitle" id="pagetitle_15402" placeholder="" value="{{pagetitle}}" > </div> </div> </div>     <div id="input_15403" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="id_15403">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-15403-rte" href="/rest/newsiteeditor/longtitle/15403" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15403" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_id" id="id_15403" placeholder="" value="{{#id}}{{id}}{{/id}}" > </div> </div> </div>     <div id="input_18049" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="model_18049">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-18049-rte" href="/rest/newsiteeditor/longtitle/18049" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18049" data-successmsg="Modification effectuée" >model</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_model" id="model_18049" placeholder="" value="mistralaug" > </div> </div> </div>  <style scoped> #formSubmit_15400, #formReset_15400{ background: #e6Be9a; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #6F0F11; font-weight: 800; padding: 15px 30px; letter-spacing: 0.1em; transition: all 0.3s ease; text-align: center; cursor: pointer; border: none; outline: none; /*il y a du CSS dans la congiguration CSS */ } #formSubmit_15400:hover, #formReset_15400:hover { background: #f1a662; box-shadow: 0 15px 20px rgba(0, 190, 243, 0.1); transform: translateY(-2px); } </style> <div class="submit_btn col-xs-12"> <div class="submit inner center"> <button id="formSubmit_15400" type="submit" class="btn btn-default" value="C'est parti je génère mes idées cadeaux!" onClick="" > C'est parti je génère mes idées cadeaux! </button> </div> </div> </form> <script> if (typeof initFormCode_15400 !== "function") { function initFormCode_15400() { //start JSWebsiteToInclude var btn = document.getElementById('formSubmit_15400'); btn.classList.add('ring-button'); $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_15400 button:submit").click(function(eventObject) { $('#form_15400').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_15400"); $(document).on("submit", "#form_15400", function(event) { event.preventDefault(); // get all the inputs into an array. let $inputs = $(this).serializeArray(); // not sure if you wanted this, but I thought I'd add it. // get an associative array of the values in the form. let formValues = {}; $.each($inputs, function() { if (this.name.indexOf('[]') >= 0) {//this input is an array of input (as select options) let name=this.name.replace('[]',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); name = name.replace('FORM_',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); //add a variable with the concat of the array... formValues[name+'_concat']=formValues[name].join(); } else { formValues[this.name] = this.value; formValues[this.name.replace('FORM_','')] = this.value; } }); //parse tag values with input $.each($inputs, function() { // {{=<% %>=}} //to skip mustache processing let match = this.value.match(/{{(.*)}}/gy); //search tag field name that could be used from blapyURLData_Link // <%={{ }}=%> //to reactivate mustache processing if (match != null) { formValues[this.name]=Mustache.render(this.value,formValues); } }); //add the submit input info that is not given by the serializeArray if (event.originalEvent) { aSubmitInput = $(event.originalEvent.currentTarget.activeElement); if (aSubmitInput) { //the submit was emitted by an input that is not of submit type (enter on a field perhaps) if (aSubmitInput.attr('type') != 'submit') { //let's get the first submit object aSubmitInput = $(event.originalEvent.target).find("*").filter(':submit:visible:first') } if (aSubmitInput && aSubmitInput.attr('name')) formValues[aSubmitInput.attr('name')] = aSubmitInput.attr('value'); } } let blapy_id = "15404"; let blapy_target = blapy_id.split('->'); let blapyObject=blapy_id+"_div"; if (blapy_target.length>1) { blapyObject = blapy_target[0]; blapy_target= blapy_target[1]; } else { blapy_target= blapy_id; } if ($.isNumeric( blapy_target )) blapy_target = "blapy_"+blapy_target+"_div"; $('#blapy_'+blapyObject).trigger('postData', { aUrl: $(this).attr("action"), params: jQuery.extend({'embeddingBlockId':$('#'+blapy_target).attr('data-blapy-container-name')}, formValues), method: $(this).attr("method"), noBlapyData:$(this).attr("data-blapy-noblapydata") }); });//end on submit /**  **/ }//end initFormCode_15400 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_15400, false); } else initFormCode_15400(); }//end if </script>

<form id="form_17942" class="col-xs-12 style1" action="https://hook.eu1.make.com/nddlelxogt4e95xc7uvbjiketlev3rk5" method="POST" onsubmit="" data-blapy-noblapydata="1" >    <div id="input_17943" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="pagetitle_17943">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17943-rte" href="/rest/newsiteeditor/longtitle/17943" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17943" data-successmsg="Modification effectuée" >textName</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_pagetitle" id="pagetitle_17943" placeholder="" value="{{pagetitle}}" > </div> </div> </div>     <div id="input_17944" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="id_17944">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1532" ><span > <span id="siteeditor-longtitle-17944-rte" href="/rest/newsiteeditor/longtitle/17944" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17944" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_id" id="id_17944" placeholder="" value="{{#id}}{{id}}{{/id}}" > </div> </div> </div>  </form> <script> if (typeof initFormCode_17942 !== "function") { function initFormCode_17942() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_17942 button:submit").click(function(eventObject) { $('#form_17942').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_17942"); $(document).on("submit", "#form_17942", function(event) { event.preventDefault(); // get all the inputs into an array. let $inputs = $(this).serializeArray(); // not sure if you wanted this, but I thought I'd add it. // get an associative array of the values in the form. let formValues = {}; $.each($inputs, function() { if (this.name.indexOf('[]') >= 0) {//this input is an array of input (as select options) let name=this.name.replace('[]',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); name = name.replace('FORM_',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); //add a variable with the concat of the array... formValues[name+'_concat']=formValues[name].join(); } else { formValues[this.name] = this.value; formValues[this.name.replace('FORM_','')] = this.value; } }); //parse tag values with input $.each($inputs, function() { // {{=<% %>=}} //to skip mustache processing let match = this.value.match(/{{(.*)}}/gy); //search tag field name that could be used from blapyURLData_Link // <%={{ }}=%> //to reactivate mustache processing if (match != null) { formValues[this.name]=Mustache.render(this.value,formValues); } }); //add the submit input info that is not given by the serializeArray if (event.originalEvent) { aSubmitInput = $(event.originalEvent.currentTarget.activeElement); if (aSubmitInput) { //the submit was emitted by an input that is not of submit type (enter on a field perhaps) if (aSubmitInput.attr('type') != 'submit') { //let's get the first submit object aSubmitInput = $(event.originalEvent.target).find("*").filter(':submit:visible:first') } if (aSubmitInput && aSubmitInput.attr('name')) formValues[aSubmitInput.attr('name')] = aSubmitInput.attr('value'); } } let blapy_id = "17979"; let blapy_target = blapy_id.split('->'); let blapyObject=blapy_id+"_div"; if (blapy_target.length>1) { blapyObject = blapy_target[0]; blapy_target= blapy_target[1]; } else { blapy_target= blapy_id; } if ($.isNumeric( blapy_target )) blapy_target = "blapy_"+blapy_target+"_div"; $('#blapy_'+blapyObject).trigger('postData', { aUrl: $(this).attr("action"), params: jQuery.extend({'embeddingBlockId':$('#'+blapy_target).attr('data-blapy-container-name')}, formValues), method: $(this).attr("method"), noBlapyData:$(this).attr("data-blapy-noblapydata") }); });//end on submit /**  **/ }//end initFormCode_17942 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_17942, false); } else initFormCode_17942(); }//end if </script>