Cadeau- step 2 | Trouv' Cadeau

<form id="form_15473" class="col-xs-12 style1" action="/rest/cadeau/cadeau/" method="{{#id}}PUT{{/id}}{{^id}}POST{{/id}}" onsubmit="" data-blapy-noblapydata="1" >    <div id="input_15476" 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_15476">  <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-15476-rte" href="/rest/newsiteeditor/longtitle/15476" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15476" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_id" id="id_15476" placeholder="" value="" > </div> </div> </div>     <div id="formRow_15532" 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-15532-rte" href="/rest/newsiteeditor/longtitle/15532" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15532" data-successmsg="Modification effectuée" >step 2 - 1</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class=textcontent" style=""> <div id="siteeditor-content-15532-rte" href="/rest/newsiteeditor/field/15532" field="content" method="PUT" class="siteeditor " data-resourceid="15532" data-successmsg="Modification effectuée" ><p> </p> <p><strong>Pour valider vos choix, merci de penser à cliquer en dehors de la fenêtre de sélection</strong></p> <p> </p></div> </div> <div class="row_15532 row">    <script> function initSelectOption_15477() { function startBootstrapSelect() { $('#tv-cadeauage_15477').val('{{templateVars.cadeauAge}}'); $('#tv-cadeauage_15477').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_15477, false); } else initSelectOption_15477(); </script> <div id="selectoptions_15477" class="col-sm-4 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeauage_15477">  <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-15477-rte" href="/rest/newsiteeditor/longtitle/15477" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15477" data-successmsg="Modification effectuée" >Quel est l'âge de {{pagetitle}} ?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeauage_15477" class="form-control selectpicker show-tick" name="FORM_tv_cadeauAge" title="" >  <option value="0 - 10 ans" data-icon="" > 0 - 10 ans </option>   <option value="10 - 15 ans" data-icon="" > 10 - 15 ans </option>   <option value="15-20 ans" data-icon="" > 15-20 ans </option>   <option value="20-30 ans" data-icon="" > 20-30 ans </option>   <option value="30-40 ans" data-icon="" > 30-40 ans </option>   <option value="40-50 ans" data-icon="" > 40-50 ans </option>   <option value="50-60 ans" data-icon="" > 50-60 ans </option>   <option value="60-70 ans" data-icon="" > 60-70 ans </option>   <option value="Plus de 70 ans" data-icon="" > Plus de 70 ans </option>  </select> <script> function initSelect_15477() { $('#select_tv-cadeauage_15477').val("{{templateVars.cadeauAge}}").change(); let chaine="{{templateVars.cadeauAge}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15477', 100, function() { if ( $('#tv-cadeauage_15477').length && $('#tv-cadeauage_15477').selectpicker ) { $('#tv-cadeauage_15477') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeauage_15477').length) { $('#select_tv-cadeauage_15477').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeauage_15477').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeauage_15477') .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-cadeauage_15477').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeauage_15477 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15477(); }); } else initSelect_15477(); </script> </div> </div> </div>     <script> function initSelectOption_15478() { function startBootstrapSelect() { $('#tv-cadeausexe_15478').val('{{templateVars.cadeauSexe}}'); $('#tv-cadeausexe_15478').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_15478, false); } else initSelectOption_15478(); </script> <div id="selectoptions_15478" class="col-sm-4 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeausexe_15478">  <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-15478-rte" href="/rest/newsiteeditor/longtitle/15478" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15478" data-successmsg="Modification effectuée" >Quel est le genre de {{pagetitle}} ?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeausexe_15478" class="form-control selectpicker show-tick" name="FORM_tv_cadeauSexe" title="" >  <option value="Homme" data-icon="" > Homme </option>   <option value="Femme" data-icon="" > Femme </option>   <option value="NA" data-icon="" > NA </option>  </select> <script> function initSelect_15478() { $('#select_tv-cadeausexe_15478').val("{{templateVars.cadeauSexe}}").change(); let chaine="{{templateVars.cadeauSexe}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15478', 100, function() { if ( $('#tv-cadeausexe_15478').length && $('#tv-cadeausexe_15478').selectpicker ) { $('#tv-cadeausexe_15478') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeausexe_15478').length) { $('#select_tv-cadeausexe_15478').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeausexe_15478').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeausexe_15478') .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-cadeausexe_15478').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeausexe_15478 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15478(); }); } else initSelect_15478(); </script> </div> </div> </div>     <script> function initSelectOption_15487() { function startBootstrapSelect() { $('#tv-cadeaucaracteristique_15487').val('{{templateVars.cadeauCaracteristique_concat}}'); $('#tv-cadeaucaracteristique_15487').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_15487, false); } else initSelectOption_15487(); </script> <div id="selectoptions_15487" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaucaracteristique_15487">  <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-15487-rte" href="/rest/newsiteeditor/longtitle/15487" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15487" data-successmsg="Modification effectuée" >Vous souhaitez un cadeau qui est plutôt...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaucaracteristique_15487" class="form-control selectpicker show-tick" name="FORM_tv_cadeauCaracteristique[]" title="" multiple >  <option value="Normal mais pas trop classique" data-icon="" > Normal mais pas trop classique </option>   <option value="Classique" data-icon="" > Classique </option>   <option value="Original mais pas trop" data-icon="" > Original mais pas trop </option>   <option value="Très original" data-icon="" > Très original </option>   <option value="Ethique" data-icon="" > Ethique </option>   <option value="Initiatique" data-icon="" > Initiatique </option>   <option value="Ecologique" data-icon="" > Ecologique </option>   <option value="Artisanal" data-icon="" > Artisanal </option>   <option value="Drôle" data-icon="" > Drôle </option>  </select> <script> function initSelect_15487() { $('#select_tv-cadeaucaracteristique_15487').val("{{templateVars.cadeauCaracteristique_concat}}").change(); let chaine="{{templateVars.cadeauCaracteristique_concat}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15487', 100, function() { if ( $('#tv-cadeaucaracteristique_15487').length && $('#tv-cadeaucaracteristique_15487').selectpicker ) { $('#tv-cadeaucaracteristique_15487') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaucaracteristique_15487').length) { $('#select_tv-cadeaucaracteristique_15487').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaucaracteristique_15487').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaucaracteristique_15487') .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-cadeaucaracteristique_15487').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaucaracteristique_15487 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15487(); }); } else initSelect_15487(); </script> </div> </div> </div>     <script> function initSelectOption_15482() { function startBootstrapSelect() { $('#tv-cadeaustyle_15482').val('{{{templateVars.cadeauStyle_concat}}}'); $('#tv-cadeaustyle_15482').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_15482, false); } else initSelectOption_15482(); </script> <div id="selectoptions_15482" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaustyle_15482">  <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-15482-rte" href="/rest/newsiteeditor/longtitle/15482" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15482" data-successmsg="Modification effectuée" >{{pagetitle}} est plutôt du style...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaustyle_15482" class="form-control selectpicker show-tick" name="FORM_tv_cadeauStyle[]" title="" multiple >  <option value="Accro aux librairies" data-icon="" > Accro aux librairies </option>   <option value="Fan de quiz et jeux de société" data-icon="" > Fan de quiz et jeux de société </option>   <option value="L’ami toujours disponible" data-icon="" > L’ami toujours disponible </option>   <option value="Marcheur contemplatif" data-icon="" > Marcheur contemplatif </option>   <option value="Toujours en voiture" data-icon="" > Toujours en voiture </option>   <option value="Minimaliste qui vit avec trois objets" data-icon="" > Minimaliste qui vit avec trois objets </option>   <option value="Collectionneur compulsif" data-icon="" > Collectionneur compulsif </option>   <option value="Sportif acharné" data-icon="" > Sportif acharné </option>   <option value="Artiste dans l’âme" data-icon="" > Artiste dans l’âme </option>   <option value="Workaholic" data-icon="" > Workaholic </option>   <option value="Végétarien" data-icon="" > Végétarien </option>   <option value="Bohème" data-icon="" > Bohème </option>   <option value="Cuisinier" data-icon="" > Cuisinier </option>   <option value="Simple" data-icon="" > Simple </option>   <option value="Dépensier" data-icon="" > Dépensier </option>   <option value="Proche de ses sous" data-icon="" > Proche de ses sous </option>  </select> <script> function initSelect_15482() { $('#select_tv-cadeaustyle_15482').val("{{{templateVars.cadeauStyle_concat}}}").change(); let chaine="{{{templateVars.cadeauStyle_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15482', 100, function() { if ( $('#tv-cadeaustyle_15482').length && $('#tv-cadeaustyle_15482').selectpicker ) { $('#tv-cadeaustyle_15482') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaustyle_15482').length) { $('#select_tv-cadeaustyle_15482').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaustyle_15482').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaustyle_15482') .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-cadeaustyle_15482').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaustyle_15482 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15482(); }); } else initSelect_15482(); </script> </div> </div> </div>     <script> function initSelectOption_17850() { function startBootstrapSelect() { $('#tv-cadeaupersonality_17850').val('{{{templateVars.cadeauPersonality_concat}}}'); $('#tv-cadeaupersonality_17850').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_17850, false); } else initSelectOption_17850(); </script> <div id="selectoptions_17850" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaupersonality_17850">  <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-17850-rte" href="/rest/newsiteeditor/longtitle/17850" field="longtitle" method="PUT" class="siteeditor " data-resourceid="17850" data-successmsg="Modification effectuée" >Le profil de {{pagetitle}} est plutôt ...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaupersonality_17850" class="form-control selectpicker show-tick" name="FORM_tv_cadeauPersonality[]" title="" multiple >  <option value="Casanier confirmé" data-icon="" > Casanier confirmé </option>   <option value="Globe-trotteur insatiable" data-icon="" > Globe-trotteur insatiable </option>   <option value="Toujours en retard mais toujours là" data-icon="" > Toujours en retard mais toujours là </option>   <option value="Organisé au millimètre près" data-icon="" > Organisé au millimètre près </option>   <option value="Improvisateur professionnel" data-icon="" > Improvisateur professionnel </option>   <option value="Amoureux de la nature" data-icon="" > Amoureux de la nature </option>   <option value="Accro à la technologie" data-icon="" > Accro à la technologie </option>   <option value="Zen et minimaliste" data-icon="" > Zen et minimaliste </option>   <option value="Hyperactif qui ne tient jamais en place" data-icon="" > Hyperactif qui ne tient jamais en place </option>   <option value="Fêtard invétéré" data-icon="" > Fêtard invétéré </option>   <option value="Introverti mais chaleureux" data-icon="" > Introverti mais chaleureux </option>   <option value="Extravagant" data-icon="" > Extravagant </option>  </select> <script> function initSelect_17850() { $('#select_tv-cadeaupersonality_17850').val("{{{templateVars.cadeauPersonality_concat}}}").change(); let chaine="{{{templateVars.cadeauPersonality_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_17850', 100, function() { if ( $('#tv-cadeaupersonality_17850').length && $('#tv-cadeaupersonality_17850').selectpicker ) { $('#tv-cadeaupersonality_17850') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaupersonality_17850').length) { $('#select_tv-cadeaupersonality_17850').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaupersonality_17850').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaupersonality_17850') .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-cadeaupersonality_17850').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaupersonality_17850 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_17850(); }); } else initSelect_17850(); </script> </div> </div> </div>     <script> function initSelectOption_15505() { function startBootstrapSelect() { $('#tv-cadeaugoutsculinaires_15505').val('{{{templateVars.cadeauGoutsCulinaires_concat}}}'); $('#tv-cadeaugoutsculinaires_15505').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_15505, false); } else initSelectOption_15505(); </script> <div id="selectoptions_15505" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaugoutsculinaires_15505">  <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-15505-rte" href="/rest/newsiteeditor/longtitle/15505" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15505" data-successmsg="Modification effectuée" >Culinairement {{pagetitle}} est plutôt...</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaugoutsculinaires_15505" class="form-control selectpicker show-tick" name="FORM_tv_cadeauGoutsCulinaires[]" title="" multiple >  <option value="Minimaliste Culinaire" data-icon="" > Minimaliste Culinaire </option>   <option value="{{pagetitle}} dévore tout" data-icon="" > {{pagetitle}} dévore tout </option>   <option value="Brunch Lover" data-icon="" > Brunch Lover </option>   <option value="{{pagetitle}} mange au gastro' sinon rien" data-icon="" > {{pagetitle}} mange au gastro' sinon rien </option>   <option value="Explorateur de Saveurs" data-icon="" > Explorateur de Saveurs </option>   <option value="{{pagetitle}} ne jure que par les légumes" data-icon="" > {{pagetitle}} ne jure que par les légumes </option>   <option value="{{pagetitle}} aime faire sa petite popote" data-icon="" > {{pagetitle}} aime faire sa petite popote </option>  </select> <script> function initSelect_15505() { $('#select_tv-cadeaugoutsculinaires_15505').val("{{{templateVars.cadeauGoutsCulinaires_concat}}}").change(); let chaine="{{{templateVars.cadeauGoutsCulinaires_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15505', 100, function() { if ( $('#tv-cadeaugoutsculinaires_15505').length && $('#tv-cadeaugoutsculinaires_15505').selectpicker ) { $('#tv-cadeaugoutsculinaires_15505') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaugoutsculinaires_15505').length) { $('#select_tv-cadeaugoutsculinaires_15505').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaugoutsculinaires_15505').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaugoutsculinaires_15505') .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-cadeaugoutsculinaires_15505').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaugoutsculinaires_15505 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15505(); }); } else initSelect_15505(); </script> </div> </div> </div>  </div> </div>      <section id="section_suivant_15472" class="section_15471_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="15471" >  <style scoped> #button_15473_15534 { 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_15473_15534: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_15473_15534" type="submit" 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_15533" 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-15533-rte" href="/rest/newsiteeditor/longtitle/15533" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15533" data-successmsg="Modification effectuée" >step 2 - 2</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_15533 row">    <script> function initSelectOption_15483() { function startBootstrapSelect() { $('#tv-cadeauhobbies_15483').val('{{{templateVars.cadeauHobbies_concat}}}'); $('#tv-cadeauhobbies_15483').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_15483, false); } else initSelectOption_15483(); </script> <div id="selectoptions_15483" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeauhobbies_15483">  <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-15483-rte" href="/rest/newsiteeditor/longtitle/15483" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15483" data-successmsg="Modification effectuée" >Quels sont les types de Hobbies de {{pagetitle}} ?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeauhobbies_15483" class="form-control selectpicker show-tick" name="FORM_tv_cadeauHobbies[]" title="" multiple >  <option value="Le Yoga - Méditation" data-icon="" > Le Yoga - Méditation </option>   <option value="Le sport" data-icon="" > Le sport </option>   <option value="La musique - La danse" data-icon="" > La musique - La danse </option>   <option value="Le dessin - La Peinture" data-icon="" > Le dessin - La Peinture </option>   <option value="La photographie" data-icon="" > La photographie </option>   <option value="Le tricot, La couture, La broderie, Le crochet" data-icon="" > Le tricot, La couture, La broderie, Le crochet </option>   <option value="Le bricolage" data-icon="" > Le bricolage </option>   <option value="Les jeux de société" data-icon="" > Les jeux de société </option>   <option value="Les jeux vidéo" data-icon="" > Les jeux vidéo </option>   <option value="La lecture" data-icon="" > La lecture </option>  </select> <script> function initSelect_15483() { $('#select_tv-cadeauhobbies_15483').val("{{{templateVars.cadeauHobbies_concat}}}").change(); let chaine="{{{templateVars.cadeauHobbies_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15483', 100, function() { if ( $('#tv-cadeauhobbies_15483').length && $('#tv-cadeauhobbies_15483').selectpicker ) { $('#tv-cadeauhobbies_15483') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeauhobbies_15483').length) { $('#select_tv-cadeauhobbies_15483').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeauhobbies_15483').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeauhobbies_15483') .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-cadeauhobbies_15483').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeauhobbies_15483 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15483(); }); } else initSelect_15483(); </script> </div> </div> </div>     <div id="input_15509" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="tv-cadeauprofession_15509">  <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-15509-rte" href="/rest/newsiteeditor/longtitle/15509" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15509" data-successmsg="Modification effectuée" >Dans quel domaine travaille {{pagetitle}} ? Une idée du métier (promis, on ne vérifiera pas !)</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_cadeauProfession" id="tv-cadeauprofession_15509" placeholder="" value="{{templateVars.cadeauProfession}}" > </div> </div> </div>     <div id="input_15529" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="tv-cadeaupassion_15529">  <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-15529-rte" href="/rest/newsiteeditor/longtitle/15529" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15529" data-successmsg="Modification effectuée" >{{pagetitle}} a-t-il/elle une passion ?</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_cadeauPassion" id="tv-cadeaupassion_15529" placeholder="" value="{{templateVars.cadeauPassion}}" > </div> </div> </div>     <div id="input_15490" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="tv-cadeaumore_15490">  <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-15490-rte" href="/rest/newsiteeditor/longtitle/15490" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15490" data-successmsg="Modification effectuée" >Que doit-on savoir sur {{pagetitle}} que nous n'avons pas demandé (Option)</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_cadeauMore" id="tv-cadeaumore_15490" placeholder="{{pagetitle}} fait de la trompette. Il a eu un enfant récemment" value="{{templateVars.cadeauMore }}" > </div> </div> </div>  </div> </div>      <section id="section_suivant_step_2_3_15472" class="section_15471_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="15471" >  <style scoped> #button_15473_17883 { 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_15473_17883: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_15473_17883" type="submit" 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');
 $(this).text('Précedent');

 nextStep();
 
 } else if ($(this).hasClass('previous')) {
 console.log("État actuel : previous. Action X exécutée.");
 $(this).removeClass('previous').addClass('next');

 $(this).text('Suivant');
 lastStep();
 } else {
 console.log("Aucune classe initiale détectée, next");
 $(this).addClass('previous');

 $(this).text('Précedent');
 nextStep();
 }" > Suivant </button> </div>  </section>      <div id="formRow_15536" 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-15536-rte" href="/rest/newsiteeditor/longtitle/15536" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15536" data-successmsg="Modification effectuée" >step 2 - 3</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_15536 row">    <div id="input_15485" class="" style="" > <div class="form-group"> <div > <label class="control-label" for="tv-cadeaubesoinidentifie_15485">  <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-15485-rte" href="/rest/newsiteeditor/longtitle/15485" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15485" data-successmsg="Modification effectuée" >Avez-vous des idées cadeaux d'inspiration pour {{pagetitle}} ou {{pagetitle}} a t-il ou a t-elle parlé récemment de quelque chose en particulier ? (Option)</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_cadeauBesoinIdentifie" id="tv-cadeaubesoinidentifie_15485" placeholder="{{pagetitle}} m'a dit qu'il souhaitait un nouveau casque de moto" value="{{templateVars.cadeauBesoinIdentifie}}" > </div> </div> </div>     <script> function initSelectOption_18031() { function startBootstrapSelect() { $('#tv-cadeaunotchoix_18031').val('{{{templateVars.cadeauNotchoix_concat}}}'); $('#tv-cadeaunotchoix_18031').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_18031, false); } else initSelectOption_18031(); </script> <div id="selectoptions_18031" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaunotchoix_18031">  <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-18031-rte" href="/rest/newsiteeditor/longtitle/18031" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18031" data-successmsg="Modification effectuée" >Je ne veux pas d'un cadeau</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaunotchoix_18031" class="form-control selectpicker show-tick" name="FORM_tv_cadeauNotchoix[]" title="" multiple >  <option value="Banal" data-icon="" > Banal </option>   <option value="Passe-partout" data-icon="" > Passe-partout </option>   <option value="Culturel" data-icon="" > Culturel </option>   <option value="Gourmand" data-icon="" > Gourmand </option>  </select> <script> function initSelect_18031() { $('#select_tv-cadeaunotchoix_18031').val("{{{templateVars.cadeauNotchoix_concat}}}").change(); let chaine="{{{templateVars.cadeauNotchoix_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_18031', 100, function() { if ( $('#tv-cadeaunotchoix_18031').length && $('#tv-cadeaunotchoix_18031').selectpicker ) { $('#tv-cadeaunotchoix_18031') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaunotchoix_18031').length) { $('#select_tv-cadeaunotchoix_18031').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaunotchoix_18031').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaunotchoix_18031') .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-cadeaunotchoix_18031').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaunotchoix_18031 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_18031(); }); } else initSelect_18031(); </script> </div> </div> </div>     <script> function initSelectOption_18032() { function startBootstrapSelect() { $('#tv-cadeaudo_18032').val('{{{templateVars.cadeauDo_concat}}}'); $('#tv-cadeaudo_18032').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_18032, false); } else initSelectOption_18032(); </script> <div id="selectoptions_18032" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaudo_18032">  <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-18032-rte" href="/rest/newsiteeditor/longtitle/18032" field="longtitle" method="PUT" class="siteeditor " data-resourceid="18032" data-successmsg="Modification effectuée" >Je souhaite que mon cadeau soit..</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaudo_18032" class="form-control selectpicker show-tick" name="FORM_tv_cadeauDo[]" title="" multiple >  <option value="surprenant" data-icon="" > surprenant </option>   <option value="utile" data-icon="" > utile </option>   <option value="commun" data-icon="" > commun </option>   <option value="gourmand" data-icon="" > gourmand </option>   <option value="intimiste" data-icon="" > intimiste </option>   <option value="impressionnant" data-icon="" > impressionnant </option>   <option value="durable" data-icon="" > durable </option>   <option value="jetable" data-icon="" > jetable </option>   <option value="visible" data-icon="" > visible </option>   <option value="inventif" data-icon="" > inventif </option>   <option value="artisanal" data-icon="" > artisanal </option>   <option value="à faire soi-même" data-icon="" > à faire soi-même </option>   <option value="discret" data-icon="" > discret </option>   <option value="coloré" data-icon="" > coloré </option>   <option value="original" data-icon="" > original </option>   <option value="parfumé" data-icon="" > parfumé </option>  </select> <script> function initSelect_18032() { $('#select_tv-cadeaudo_18032').val("{{{templateVars.cadeauDo_concat}}}").change(); let chaine="{{{templateVars.cadeauDo_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_18032', 100, function() { if ( $('#tv-cadeaudo_18032').length && $('#tv-cadeaudo_18032').selectpicker ) { $('#tv-cadeaudo_18032') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaudo_18032').length) { $('#select_tv-cadeaudo_18032').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaudo_18032').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaudo_18032') .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-cadeaudo_18032').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaudo_18032 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_18032(); }); } else initSelect_18032(); </script> </div> </div> </div>     <div id="input_15506" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="tv-cadeaunot_15506">  <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-15506-rte" href="/rest/newsiteeditor/longtitle/15506" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15506" data-successmsg="Modification effectuée" >2, 3 cadeaux que vous NE souhaitez PAS offir à {{pagetitle}} (Option)</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_cadeauNot" id="tv-cadeaunot_15506" placeholder="Pas de Montre, pas de portefeuille, pas de chocolat" value="{{templateVars.cadeauNot}}" > </div> </div> </div>      <section id="section_suivant_step_3_4_15472" class="section_15471_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="15471" >  <style scoped> #button_15536_17888 { 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_15536_17888: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_15536_17888" type="submit" 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');
 $(this).text('Précedent');
 nextStep();
 finalStep();

 
} else if ($(this).hasClass('previous')) {
 console.log("État actuel : previous. Action X exécutée.");
 $(this).removeClass('previous').addClass('next');
 $(this).text('Suivant');
 lastStep();
} else {
 console.log("Aucune classe initiale détectée, next");
 $(this).addClass('previous');
 $(this).text('Précedent');
 nextStep();
 finalStep();
}" > Suivant </button> </div>  </section>   </div> </div>  </form> <script> if (typeof initFormCode_15473 !== "function") { function initFormCode_15473() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_15473 button:submit").click(function(eventObject) { $('#form_15473').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_15473"); $(document).on("submit", "#form_15473", 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 = "15491"; 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_15473 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_15473, false); } else initFormCode_15473(); }//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>

<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>