Hi @peopleinside
I got updated version of the code form our developer. I just tested it in Firefox, Chrome, Opera and Edge and it seems to be working fine now – even when you simply close the browser tab and then get back to it (in the same browser, of course).
You will need to replace the code on the site with this version (note also: set your form ID in this line $allowed_form_ids = array( 18 );).
Here is new code:
<?php
/**
* Plugin Name: [Forminator] - Store Fields In Cookie
* Plugin URI: https://premium.wpmudev.org/
* Description: Useful for huge forms with several pages, so member can come back later and continue from where he stopped
* Author: Panos Lyrakis @ WPMUDEV
* Author URI: https://premium.wpmudev.org/
* License: GPLv2 or later
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( defined( 'WP_CLI' ) && WP_CLI ) {
return;
}
add_action(
'wp_footer',
function() {
/**
* This is an array of form ids that will apply this script
* In order to make it applicable for all forms you can leave the array empty:
* $allowed_form_ids = array();
*/
$allowed_form_ids = array( 18 );
/**
* Accepted values can be
* "button" : With button, the script will store form's inputs in cookies when then Next/Previous buttons are clicked
* "focusout" : With focusout, the script will store only the
*/
// $store_trigger = 'button'; // OR 'focusout'
$store_trigger = 'focusout'; // OR 'button'
?>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
(($,d)=>{
if ( window.wpmudev_forminator_saved_fields ) {
return;
}
window.wpmudev_forminator_saved_fields = {
cform_ajax_action : 'forminator_load_cform',
cookie_name : 'wpmudev_forminator_saved_fields',
cookie_expire_days : 15,
saved_fields : [],
allowed_form_ids : <?php echo json_encode( $allowed_form_ids ); ?>,
store_trigger : '<?php echo $store_trigger; ?>',
path : window.location.pathname,
excluded_fields : [ 'forminator_nonce' ],
timeout : null,
// Source: https://codepen.io/wonism/pen/dXgrxE
debounce: function( cb, interval, immediate ) {
return function() {
var context = this, args = arguments;
var later = function() {
this.timeout = null;
if ( ! immediate )
cb.apply( context, args );
};
var callNow = immediate && ! this.timeout;
clearTimeout( this.timeout );
this.timeout = setTimeout( later, interval );
if ( callNow )
cb.apply( context, args );
};
},
init : function() {
$(d).ajaxComplete( function( event, xhr, settings ) {
let _this = wpmudev_forminator_saved_fields,
action = _this.get_query_var( 'action', settings.data );
if ( action === _this.cform_ajax_action ) {
_this.load_cookie_values();
}
});
this.load_cookie_values();
if ( 'button' === this.store_trigger ) {
$( d ).on( 'click', '.forminator-button', wpmudev_forminator_saved_fields.record_fields );
} else {
$( d ).on( 'focusout', '.forminator-custom-form input, .forminator-custom-form select, .forminator-custom-form textarea', wpmudev_forminator_saved_fields.record_fields );
$( d ).on( 'keypress', '.forminator-custom-form input, .forminator-custom-form textarea', this.debounce( wpmudev_forminator_saved_fields.record_fields, 400 ) );
}
},
load_cookie_values : function() {
const forms = $( 'form.forminator-custom-form' );
forms.each( this.fill_in_form );
},
fill_in_form : function() {
let _this = wpmudev_forminator_saved_fields,
form_id = $(this).attr( 'id' ),
_form_id = form_id.replace( 'forminator-module-', '' ),
form_cookie = wpmudev_forminator_saved_fields.get_cookie( form_id ),
form_fields;
if ( form_cookie != null ) {
form_fields = form_cookie.split('&');
$.each( form_fields, function( k, v ) {
let field = v.split('='),
value = decodeURIComponent( field[1] );
// Let's skip nonce
if ( _this.excluded_fields.includes( field[0] ) ) {
return;
}
if ( field[0].startsWith( 'radio' ) || field[0].startsWith( 'checkbox' ) ) {
$(<code>#${form_id} [name="${field[0]}"]</code>).filter(<code>[value="${value}"]</code>).prop( 'checked', true );
}else if ( field[0].startsWith( 'select' ) ) {
// For Select fields we need to trigger <code>fui:change</code>
$( <code>#${form_id} [name="${field[0]}"]</code> ).val( value ).trigger('fui:change');
}else {
// For another fields
$( <code>#${form_id} [name="${field[0]}"]</code> ).val( value ).trigger('change');
}
});
}
if ( _this.allowed_form_ids.length !== 0 && ! _this.in_json( _form_id, _this.allowed_form_ids ) ) {
return;
}
/*
if ( form_cookie ) {
let cookie_json = JSON.parse( <code>[${form_cookie}]</code> ),
form_json = cookie_json[0];
Object.keys( form_json ).forEach( function( key ) {
let field = $( <code>#${form_id} #${key}</code> );
if ( '' != form_json[key] ) {
field.val( form_json[key] );
}
});
}
*/
},
record_fields : function() {
let _this = wpmudev_forminator_saved_fields,
form_id = $( this ).closest( 'form' ).attr( 'id' ),
form = $( <code>#${form_id}</code> );
_this.set_cookie( form_id, _this.serialize( form ) );
$(document).on( 'response.success.load.forminator', wpmudev_forminator_saved_fields.delete_cookie.run );
form.on( 'submit', function(){
let _this = wpmudev_forminator_saved_fields
_this.delete_cookie( $( this ).attr( 'id' ) );
} );
},
get_cookie : function( form_id ) {
let _this = wpmudev_forminator_saved_fields,
name = _this.cookie_name + '_' + form_id + "=",
ca = document.cookie.split(';');
for( var i = 0; i < ca.length; i++ ) {
var c = ca[i];
while ( c.charAt(0) == ' ' ) {
c = c.substring(1);
}
if ( c.indexOf( name ) == 0 ) {
return c.substring( name.length, c.length );
}
}
return "";
},
set_cookie: function( form_id, cvalue ) {
let _this = wpmudev_forminator_saved_fields,
current_date = new Date(),
cookie_name = _this.cookie_name + '_' + form_id,
expires = '';
current_date.setTime( current_date.getTime() + ( _this.cookie_expire_days * 24 * 60 * 60 * 1000 ) );
expires = <code>expires=${current_date.toUTCString()}</code>;
d.cookie = <code>${cookie_name}=${cvalue}; ${expires} ;path=${_this.path};</code>;
},
delete_cookie: function( form_id ) {
let _this = wpmudev_forminator_saved_fields,
cookie_name = _this.cookie_name + '_' + form_id;
d.cookie = <code>${cookie_name}=; max-age=0; path=${_this.path}; expires=Thu, 01 Jan 1970 00:00:00 GMT;</code>;
},
serialize: function( form ){
return $.map( form.serializeArray(), function(val) {
return [val.name, encodeURIComponent(val.value)].join('=');
}).join('&');
},
in_json: function( needle, haystack ) {
var length = haystack.length;
for( var i = 0; i < length; i++ ) {
if( haystack[i] == needle ) {
return true;
}
}
return false;
},
get_query_var: function( name, url ) {
if ( ! url ) {
return false;
}
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp(name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return false;
if (!results[2]) return false;
return decodeURIComponent( results[2].replace(/\+/g, " ") );
}
};
$( d ).ready( function(){
wpmudev_forminator_saved_fields.init();
} );
})(jQuery,document);
});
</script>
<?php
},
20
);
Best regards,
Adam
