Cadeau- step 2

<form id="form_15473" class="col-xs-12 style1" action="/rest/cadeau/cadeau/" method="{{#id}}PUT{{/id}}{{^id}}POST{{/id}}" onsubmit="$.imxLoaderDisplay('sasha');" data-blapy-noblapydata="1" >     <section id="section_update_pour_dev_15472" class="section_15471_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="15471" >  <style scoped> #button_15473_17847 { background: #00BEF3; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #f5f7fa; 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_17847:hover { background: #0098D3; box-shadow: 0 15px 20px rgba(0, 152, 211, 0.2); transform: translateY(-2px); } </style>  <div class="buttonDiv submit_btn center"> <button id="button_15473_17847" type="submit" class="btn btn-default" value="update pour dev" onClick="" > update pour dev </button> </div>  </section>      <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="1332" ><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="1332" ><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="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() { 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="1332" ><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" data-icon="" > 0-10 </option>   <option value="10-15" data-icon="" > 10-15 </option>   <option value="15-20" data-icon="" > 15-20 </option>   <option value="20-30" data-icon="" > 20-30 </option>   <option value="30-40" data-icon="" > 30-40 </option>   <option value="50-60" data-icon="" > 50-60 </option>   <option value="60-80" data-icon="" > 60-80 </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( 100, function() { if ($('#tv-cadeauage_15477').length) { $('#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() { 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="1332" ><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 sexe 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( 100, function() { if ($('#tv-cadeausexe_15478').length) { $('#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}}'); $('#tv-cadeaucaracteristique_15487').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.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="1332" ><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="" >  <option value="Ethique" data-icon="" > Ethique </option>   <option value="Initiation" data-icon="" > Initiation </option>   <option value="Ecologique" data-icon="" > Ecologique </option>   <option value="Artisanal" data-icon="" > Artisanal </option>   <option value="Très original" data-icon="" > Très original </option>   <option value="Normal mais pas trop classique" data-icon="" > Normal mais pas trop classique </option>   <option value="Classique" data-icon="" > Classique </option>  </select> <script> function initSelect_15487() { $('#select_tv-cadeaucaracteristique_15487').val("{{templateVars.cadeauCaracteristique}}").change(); let chaine="{{templateVars.cadeauCaracteristique}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeaucaracteristique_15487').length) { $('#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() { 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="1332" ><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>  </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( 100, function() { if ($('#tv-cadeaustyle_15482').length) { $('#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() { 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="1332" ><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" >La personalité 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 discret mais redoutable" data-icon="" > Introverti discret mais redoutable </option>   <option value="Extravagant qui aime briller" data-icon="" > Extravagant qui aime briller </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( 100, function() { if ($('#tv-cadeaupersonality_17850').length) { $('#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_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() { 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="Quel"> <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="1332" ><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}} dans ...</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="Le jazz" data-icon="" > Le jazz </option>   <option value="La pop" data-icon="" > La pop </option>   <option value="La musique classique" data-icon="" > La musique classique </option>   <option value="Les Films de Comédie" data-icon="" > Les Films de Comédie </option>   <option value="Les Films action" data-icon="" > Les Films action </option>   <option value="Les Films dramatiques" data-icon="" > Les Films dramatiques </option>   <option value="Les documentaires" data-icon="" > Les documentaires </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( 100, function() { if ($('#tv-cadeaugouts_15504').length) { $('#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_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() { 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="1332" ><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="Manger au gastro' sinon rien" data-icon="" > Manger 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>  </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( 100, function() { if ($('#tv-cadeaugoutsculinaires_15505').length) { $('#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>      <section id="section_suivant_15472" class="section_15471_ template_section_42 alignItem justifyCenter" style=" " data-resourceid="15471" >  <style scoped> #button_15532_15534 { background: #00BEF3; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #f5f7fa; 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_15532_15534:hover { background: #0098D3; box-shadow: 0 15px 20px rgba(0, 152, 211, 0.2); transform: translateY(-2px); } </style>  <div class="buttonDiv submit_btn center"> <a href="1" target="" class="" onClick="if ($(this).hasClass('next')) {
 console.log("État actuel : next. Action XX exécutée.");
 $(this).removeClass('next').addClass('previous');
 nextStep();
 } else if ($(this).hasClass('previous')) {
 console.log("État actuel : previous. Action X exécutée.");
 $(this).removeClass('previous').addClass('next');
 lastStep();
 } else {
 console.log("Aucune classe initiale détectée, next");
 $(this).addClass('previous');
 nextStep();
 }" > <button id="button_15532_15534" type="submit" class="btn btn-default" value="Suivant" > Suivant </button> </a> </div>  </section>   </div> </div>     <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="1332" ><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() { 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="1332" ><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" data-icon="" > Le Yoga </option>   <option value="Le sport - type course à pied" data-icon="" > Le sport - type course à pied </option>   <option value="Le sport - type Rugby" data-icon="" > Le sport - type Rugby </option>   <option value="Le sport - type Golf" data-icon="" > Le sport - type Golf </option>   <option value="La danse" data-icon="" > La danse </option>   <option value="Le dessin" data-icon="" > Le dessin </option>   <option value="La couture" data-icon="" > La couture </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="Les échecs" data-icon="" > Les échecs </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( 100, function() { if ($('#tv-cadeauhobbies_15483').length) { $('#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>     <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() { 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="1332" ><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( 100, function() { if ($('#tv-cadeauhabitation_15484').length) { $('#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>     <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="1332" ><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 ? (On n'ira pas vérifier!)</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="1332" ><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> </div>     <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="1332" ><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_15490" class="" 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="1332" ><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 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="1332" ><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>     <div id="input_15506" class="" 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="1332" ><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>  </div> </div>      {{^templateVars.orginalesQuestions}} <section id="section_test_15472" class="section_15471_15544 template_section_40" style=" " data-resourceid="15544" > <style scoped> #rowcontainer_test_15472.container { width:100%; } #rowcontainer_test_15472 .container { width:100%; } </style> <div id="rowcontainer_test_15472" class="rowcontainer_15471_15544 template_rowcontainer_40 container" style=" " data-resourceid="15544" > <div class="row">   <div class="equalHeight col-xs-12"> <h2 class="title nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15544-rte" href="/rest/newsiteeditor/longtitle/15544" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15544" data-successmsg="Modification effectuée" >Test question originales (NE SE SAUVEGARDENT PAS)</span> </span> </h2> <div class="bottomlinetitle title"></div> </div>   <section id="subSection_15544" class="subsection" >     <div id="formRow_15538" class="col-xs-12 step4" style="" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15538-rte" href="/rest/newsiteeditor/longtitle/15538" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15538" data-successmsg="Modification effectuée" >step 2 - 4</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_15538 row">    <script> function initSelectOption_15530() { function startBootstrapSelect() { $('#tv-cadeaubordpo_15530').val('{{templateVars.cadeauBordPo}}'); $('#tv-cadeaubordpo_15530').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15530, false); } else initSelectOption_15530(); </script> <div id="selectoptions_15530" class="col-sm-9 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaubordpo_15530">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15530-rte" href="/rest/newsiteeditor/longtitle/15530" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15530" data-successmsg="Modification effectuée" >Politiquement {{pagetitle}} est plutôt</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaubordpo_15530" class="form-control selectpicker show-tick" name="FORM_tv_cadeauBordPo" title="" >  <option value="Plus à gauche tu meurs" data-icon="" > Plus à gauche tu meurs </option>   <option value="Écolo Hardcore" data-icon="" > Écolo Hardcore </option>   <option value="Nationaliste Cocorico" data-icon="" > Nationaliste Cocorico </option>   <option value="Centrisme Flottant" data-icon="" > Centrisme Flottant </option>   <option value="À droite toute" data-icon="" > À droite toute </option>  </select> <script> function initSelect_15530() { $('#select_tv-cadeaubordpo_15530').val("{{templateVars.cadeauBordPo}}").change(); let chaine="{{templateVars.cadeauBordPo}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeaubordpo_15530').length) { $('#tv-cadeaubordpo_15530') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaubordpo_15530').length) { $('#select_tv-cadeaubordpo_15530').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaubordpo_15530').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaubordpo_15530') .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-cadeaubordpo_15530').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaubordpo_15530 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15530(); }); } else initSelect_15530(); </script> </div> </div> </div>     <div id="formRow_15527" class="col-xs-12 " style="" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15527-rte" href="/rest/newsiteeditor/longtitle/15527" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15527" data-successmsg="Modification effectuée" >{{pagetitle}} est plutôt...</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_15527 row">    <div id="input_15526" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_15526" class="css-checkbox" {{#templateVars.orginalesQuestions}}checked{{/templateVars.orginalesQuestions}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_15526') .attr('value','1'); } else { $('#checkbox_hidden_15526') .attr('value','0'); } " > <label for="checkbox_15526" class="css-label1"> <span id="siteeditor-longtitle-15526-rte" href="/rest/newsiteeditor/longtitle/15526" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15526" data-successmsg="Modification effectuée" >Gros SUV en râlant quand un supermarché n’a pas de légumes bio</span> </label> <input type="hidden" id="checkbox_hidden_15526" name="FORM_tv_cadeauSUV" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_15526() { //local js code if($("#checkbox_15526").prop('checked')==true) { $('#checkbox_hidden_15526').attr('value','1'); } else { $('#checkbox_hidden_15526').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_15526, false); } else initCheckBox_15526(); </script> </div> </div>  </div> </div>  </div> </div>  </section>   </div> </div> </section> {{/templateVars.orginalesQuestions}}   </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 = "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_15473 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_15473, false); } else initFormCode_15473(); }//end if </script>

<form id="form_15400" class="col-xs-12 style1" action="/rest/cadeau/cadeauupdate" method="POST" onsubmit="$.imxLoaderDisplay('gooey');
 $.doTimeout('hideLoader',10000,function(){
 // on attend 10s et on déactive le loader pour pas rester bloqué
 $.imxLoaderHide(true);
 });" 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="1332" ><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="1332" ><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>  <style scoped> #formSubmit_15400, #formReset_15400{ background: #00BEF3; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #f5f7fa; 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: #0098D3; box-shadow: 0 15px 20px rgba(0, 152, 211, 0.2); 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="Générer des idées cadeau" onClick="// $('#form_15473').submit();" > Générer des idées cadeau </button> </div> </div> </form> <script> if (typeof initFormCode_15400 !== "function") { function initFormCode_15400() { //start JSWebsiteToInclude $("[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>