Cadeau - step 1 | Trouv' Cadeau

Trouv' cadeau a besoin de quelques informations pour vous aider

Sélectionnez dans les listes les différentes réponses puis passez à la suite.
Si vous ne pouvez pas répondre, ce n'est pas grave ! Passez à la suivante ! 😉

<form id="form_15392" class="col-xs-12 style1" action="/rest/cadeau/cadeau/" method="{{#id}}PUT{{/id}}{{^id}}POST{{/id}}" onsubmit="$.imxLoaderDisplay('sasha');
 $.doTimeout('hideLoader',20000,function(){
 $.imxLoaderHide(true);
 });" data-blapy-noblapydata="1" >    <div id="input_15395" class="" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="id_15395">  <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-15395-rte" href="/rest/newsiteeditor/longtitle/15395" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15395" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_id" id="id_15395" placeholder="" value="{{#id}}{{id}}{{/id}}" > </div> </div> </div>     <div id="input_15447" class="" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="tv-cadeauoccasion_15447">  <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-15447-rte" href="/rest/newsiteeditor/longtitle/15447" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15447" data-successmsg="Modification effectuée" >tv_cadeauOccasion</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_tv_cadeauOccasion" id="tv-cadeauoccasion_15447" placeholder="" value="Noël" > </div> </div> </div>     <div id="input_15394" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="pagetitle_15394">  <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-15394-rte" href="/rest/newsiteeditor/longtitle/15394" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15394" data-successmsg="Modification effectuée" >Quel est son prénom ou son surnom?</span> <span class="asterisk"> *</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_pagetitle" id="pagetitle_15394" placeholder="" required="required" value="{{pagetitle}}" > </div> </div> </div>     <script> function initSelectOption_15443() { function startBootstrapSelect() { $('#tv-cadeautype_15443').val('{{templateVars.cadeauType}}'); $('#tv-cadeautype_15443').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_15443, false); } else initSelectOption_15443(); </script> <div id="selectoptions_15443" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeautype_15443">  <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-15443-rte" href="/rest/newsiteeditor/longtitle/15443" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15443" data-successmsg="Modification effectuée" >Vous souhaitez plutôt orienter votre cadeau sur ..</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeautype_15443" class="form-control selectpicker show-tick" name="FORM_tv_cadeauType" title="" >  <option value="Un objet" data-icon="" > Un objet </option>   <option value="Une expérience" data-icon="" > Une expérience </option>   <option value="Un Voyage" data-icon="" > Un Voyage </option>   <option value="Un week-end" data-icon="" > Un week-end </option>   <option value="Un Atelier" data-icon="" > Un Atelier </option>   <option value="Tout" data-icon="" > Tout </option>  </select> <script> function initSelect_15443() { $('#select_tv-cadeautype_15443').val("{{templateVars.cadeauType}}").change(); let chaine="{{templateVars.cadeauType}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15443', 100, function() { if ( $('#tv-cadeautype_15443').length && $('#tv-cadeautype_15443').selectpicker ) { $('#tv-cadeautype_15443') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeautype_15443').length) { $('#select_tv-cadeautype_15443').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeautype_15443').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeautype_15443') .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-cadeautype_15443').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeautype_15443 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15443(); }); } else initSelect_15443(); </script> </div> </div> </div>     <script> function initSelectOption_15431() { function startBootstrapSelect() { $('#tv-cadeaubudget_15431').val('{{templateVars.cadeauBudget}}'); $('#tv-cadeaubudget_15431').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_15431, false); } else initSelectOption_15431(); </script> <div id="selectoptions_15431" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaubudget_15431">  <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-15431-rte" href="/rest/newsiteeditor/longtitle/15431" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15431" data-successmsg="Modification effectuée" >Quel est le budget du cadeau?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaubudget_15431" class="form-control selectpicker show-tick" name="FORM_tv_cadeauBudget" title="" >  <option value="<10€" data-icon="" > <10€ </option>   <option value="10€ - 25€" data-icon="" > 10€ - 25€ </option>   <option value="25€ - 50€" data-icon="" > 25€ - 50€ </option>   <option value="50€ - 100€" data-icon="" > 50€ - 100€ </option>   <option value="100€ - 300€" data-icon="" > 100€ - 300€ </option>   <option value=">300€" data-icon="" > >300€ </option>   <option value="Pas de budget précis" data-icon="" > Pas de budget précis </option>  </select> <script> function initSelect_15431() { $('#select_tv-cadeaubudget_15431').val("{{templateVars.cadeauBudget}}").change(); let chaine="{{templateVars.cadeauBudget}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout('initselect_15431', 100, function() { if ( $('#tv-cadeaubudget_15431').length && $('#tv-cadeaubudget_15431').selectpicker ) { $('#tv-cadeaubudget_15431') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaubudget_15431').length) { $('#select_tv-cadeaubudget_15431').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaubudget_15431').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaubudget_15431') .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-cadeaubudget_15431').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaubudget_15431 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15431(); }); } else initSelect_15431(); </script> </div> </div> </div>  <style scoped> #formSubmit_15392, #formReset_15392{ 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_15392:hover, #formReset_15392: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_15392" type="submit" class="btn btn-default" value="Continuer" onClick="" > Continuer </button> </div> </div> </form> <script> if (typeof initFormCode_15392 !== "function") { function initFormCode_15392() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_15392 button:submit").click(function(eventObject) { $('#form_15392').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_15392"); $(document).on("submit", "#form_15392", 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 = "15397"; 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_15392 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_15392, false); } else initFormCode_15392(); }//end if </script>