Exemple "Créer Formulaire"

Résultat Gagnant

Résultats

Formulaire Saisie

<form id="form_11943" class="col-xs-12 style1" action="/rest/concours/data/" method="PUT" onsubmit="" data-blapy-noblapydata="1" >    <div id="input_11944" class="" style="" > <div class="form-group"> <div > <label class="control-label" for="gagnant-nom_11944">  <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-11944-rte" href="/rest/newsiteeditor/longtitle/11944" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11944" data-successmsg="Modification effectuée" >Nom du gagnant</span> <span class="asterisk"> *</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_property_gagnant_nom" id="gagnant-nom_11944" placeholder="" required="required" value="{{property_gagnant_nom}}" > </div> </div> </div>     <div id="input_11945" class="" style="e" > <div class="form-group"> <div > <label class="control-label" for="gagnant-prenom_11945">  <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-11945-rte" href="/rest/newsiteeditor/longtitle/11945" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11945" data-successmsg="Modification effectuée" >Prénom du gagnant</span> <span class="asterisk"> *</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_property_gagnant_prenom" id="gagnant-prenom_11945" placeholder="" required="required" value="{{property_gagnant_prenom}}" > </div> </div> </div>     <div id="input_11946" class="" style="" > <div class="form-group"> <div > <label class="control-label" for="gagnant-ville_11946">  <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-11946-rte" href="/rest/newsiteeditor/longtitle/11946" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11946" data-successmsg="Modification effectuée" >Ville du gagnant</span> <span class="asterisk"> *</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_property_gagnant_ville" id="gagnant-ville_11946" placeholder="" required="required" value="{{property_gagnant_ville}}" > </div> </div> </div>     <div id="input_11947" class="" style="" > <div class="form-group"> <div > <label class="control-label" for="gain-montant_11947">  <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-11947-rte" href="/rest/newsiteeditor/longtitle/11947" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11947" data-successmsg="Modification effectuée" >Montant du Gain</span> <span class="asterisk"> *</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_tv_property_gain_montant" id="gain-montant_11947" placeholder="" required="required" value="{{property_gain_montant}}" > </div> </div> </div>     <script> //load datepicker function startDatePicker_11948() { //debugger; $.doTimeout('delayDatePicker11948',1000,function(){ //debugger; let defaultDate=$.datepicker .formatDate( "dd/mm/yy", $.datepicker.parseDate( "dd/mm/yy", $('#resultat-date_11948_date').attr('value') || "" ) ); let datepickerConfiguration = { altField:"#resultat-date_11948", altFormat:"dd/mm/yy", dateFormat:"dd/mm/yy", defaultDate: defaultDate, onClose : function() { $(this).blur(); } ,beforeShow: function() { setTimeout(function(){ $('.ui-datepicker').css('z-index', 3000); }, 0); } }; $("#resultat-date_11948_date").attr('value',defaultDate); datepickerConfiguration = $.extend(datepickerConfiguration, {}); $( "#resultat-date_11948_date" ).datepicker(datepickerConfiguration); //set hidden input $("#resultat-date_11948").attr('value',defaultDate); }); } function startDatePickerLoading_11948() { $.loadFileOnce("/assets/libraries/jquery-ui/jquery-ui.min.js") .done( function() { $.loadFileOnce("/assets/libraries/jquery-ui/locales/datepicker-fr.js") .done( function() { //$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] ); $.datepicker.setDefaults( 'yy-mm-dd' ); startDatePicker_11948(); }); }); } if (typeof $ === 'function') { startDatePickerLoading_11948(); } else { window.addEventListener('DOMContentLoaded', function(){ $( document ).ready(function() { startDatePickerLoading_11948(); }); }); } </script> <div class="col-xs-12 "> <div class="form-group"> <label class="control-label" for="resultat-date11948">  <div class=" noinit formDateFieldTitle"> <div class="formDateFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-11948-rte" href="/rest/newsiteeditor/longtitle/11948" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11948" data-successmsg="Modification effectuée" >Date du résultat</span> <span class="asterisk"> *</span> </span> </div> </div>   </label> <div> <input type="text" id="resultat-date_11948_date" class="datepicker" placeholder="" autocomplete="off" required="required" value="{{property_resultat_date}}" > <input type="hidden" name="FORM_tv_property_resultat_date" id="resultat-date_11948" > </div> </div> </div>     <div id="radiobuttons_13221_6_" class="formRadioButton col-sm-12" style="" > <div class="form-group radiobuttons"> <div> <label class="control-label" for="radio_13221">  <div class=" noinit formRadioButtonsFieldTitle"> <div class="formRadioButtonsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-13221-rte" href="/rest/newsiteeditor/longtitle/13221" field="longtitle" method="PUT" class="siteeditor " data-resourceid="13221" data-successmsg="Modification effectuée" >radio</span> <span class="asterisk"> *</span>  <span class="alert alert-danger"></span> </span> </div> </div>   </label> </div> <div>  <div class="radio radio-inline col-sm-4 columns" > <input type="radio" id="radiobutton_13221_6__radio_installateur" name="FORM_radio" class="css-radiobutton" value="installateur" required="required" > <label for="radiobutton_13221_6__radio_installateur" class="css-label1">L'installateur</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_13221_6_() { if($("#radiobutton_13221_6__radio_installateur").attr('value') == "") { $("#radiobutton_13221_6__radio_installateur").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_13221_6_, false); } else initRadioButton_13221_6_(); </script> </div>   <div class="radio radio-inline col-sm-4 columns" > <input type="radio" id="radiobutton_13221_6__radio_distributeur" name="FORM_radio" class="css-radiobutton" value="distributeur" required="required" > <label for="radiobutton_13221_6__radio_distributeur" class="css-label1">Le distributeur (je prends en charge le montant éventuel de l’intervention)</label> <script> //do init for the checkbox<->hidden checkbox value... function initRadioButton_13221_6_() { if($("#radiobutton_13221_6__radio_distributeur").attr('value') == "") { $("#radiobutton_13221_6__radio_distributeur").prop("checked",true); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initRadioButton_13221_6_, false); } else initRadioButton_13221_6_(); </script> </div>  </div> </div> </div> <script> function formRadioButton_13221() { //local js code $(this).attr('required', 'required'); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', formRadioButton_13221, false); } else formRadioButton_13221(); </script>  <style scoped> #formSubmit_11943, #formReset_11943{ -moz-box-shadow: 0px 1px 0px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px 0px #ffffff; box-shadow: 0px 1px 0px 0px #ffffff; background-color:#4bc4d1; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #35afbc; display:inline-block; cursor:pointer; color:#e7ecef; font-family:Arial; font-size:15px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px -1px 0px #227a82; } #formSubmit_11943:hover, #formReset_11943:hover { background-color:#35afbc; color:#2d849a; } </style> <div class="submit_btn col-xs-12"> <div class="submit inner center"> <button id="formSubmit_11943" type="submit" class="btn btn-default" value="Envoyer" onClick="" > Envoyer </button> </div> </div> </form> <script> if (typeof initFormCode_11943 !== "function") { function initFormCode_11943() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_11943 button:submit").click(function(eventObject) { $('#form_11943').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /****/ function addHiddenFields(anArrayName, anArray) { Object.keys(anArray).map(propertyname => { if ( anArrayName == "" ) //SectionBlapy fieldName = propertyname; else if ( !Array.isArray(anArray[propertyname]) && typeof anArray[propertyname] == "object" ) fieldName = anArrayName; else fieldName = anArrayName+"["+propertyname+"]"; if ( Array.isArray(anArray[propertyname]) && typeof anArray[propertyname][0] == "object" ) { addHiddenFields(fieldName, anArray[propertyname]); } else if ( typeof anArray[propertyname] == "object" && ! Array.isArray(anArray[propertyname]) ) { addHiddenFields(fieldName, anArray[propertyname]); } else { $("<input />").attr("type", "hidden") .attr("name", fieldName) .attr("value", anArray[propertyname]) .appendTo("#form_11943"); } }); } /****/ /**  **/ $(document).off("submit", "#form_11943"); $(document).on("submit", "#form_11943", function(event) { event.preventDefault(); //debugger; if (!$("#form_11943").attr("data-initDone")) { // {{=<% %>=}} //to skip mustache processing const localData = JSON5.parse("{}"); // <%={{ }}=%> //to reactivate mustache processing addHiddenFields("", localData); $("#form_11943").attr("data-initDone","1"); } // 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 = "11956"; 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_11943 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_11943, false); } else initFormCode_11943(); }//end if </script>

<script id="script_11955" data-extmessage="{{{extmessage}}}"> $(function () { //debugger; let error_message_11955=""; let error_extmessage_11955 = ""; let error_code_11955 = "{{code}}"; let error_class_11955 = ""; let error_delay_11955 = 5000; //debugger; switch(error_code_11955) { case "200": error_message_11955 = "Informations sauvegardées"; error_class_11955 = "success"; //error_delay_11955 = 2000; let blapy_ids = "11954"; blapy_ids = blapy_ids.split(','); blapy_ids.map(function(blapy_id){ 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('reloadBlock',{ params:{ embeddingBlockId:$("#"+blapy_target).attr('data-blapy-container-name') } }); }); break; default: error_message_11955 = "Problème à la sauvegarde : {{message}}"; error_extmessage_11955 = $("#script_11955").attr("data-extmessage"); if (error_extmessage_11955 != '') { error_extmessage_11955 = "<pre>"+error_extmessage_11955+"</pre>"; } else { error_extmessage_11955=''; } error_class_11955 = "danger"; break; } $.imxNotify(error_message_11955,error_class_11955); }); </script>