Page 1 of 1
Multi-field Drop-down and session variables persistence
Posted: 2016-03-22 18:09
by piripacchio
Hi all,
I developed a page that uses the Multi-Field Drop-down (MFDD).
It works "almost" perfectly.
The page, basically, allows me to enter 10 fields (text input) or to select a preset from a dropdown menu (MFDD) that will fill all 10 fields automatically.
The form will save all 10 fields in session variables too.
The default value for every field is set to the a session variable.
But even if the session variables are set, the MFDD will reset all fields, when the page will be reloaded.
I think this is due to the MFDD behaviour that will populate the 10 fielsd automatically.
Is there a way to force the MFDD to use the sesson variables if they are set and you didn't selected a preset from the dropdown menu?
The MFDD code seems too much unclear to me.
Is there someone that had the same problem?
TIA for any suggestion.
Tony
Re: Multi-field Drop-down and session variables persistence
Posted: 2016-03-23 01:08
by Fred
Tony is that the ADDT version of the Interakt "Dependant Dropdown" server behaviour?
Re: Multi-field Drop-down and session variables persistence
Posted: 2016-03-23 09:25
by piripacchio
No, Fred,
it's not the "dependent drop down" server behaviour, it's the Multi-Field Drop-Down.
Ciao
.
tony
Re: Multi-field Drop-down and session variables persistence
Posted: 2016-03-23 11:18
by Fred
Believe it or not I have never used it. Had to go and look if I have it installed...
Probably been put of it by the way the dependant dropdown works. (it loads all the possible options of the first dropdown into the script soit becomes extremely slow if you have a long list of option)
I use a JSON call to achieve the same as what you want.
What I have done is to use jquery to display a different set of input fields that is populated from the session variables and if a selection is made then hide those and display and populate the proper fields.
Probably not the most elegant way but it works.... so far anyway...
Re: Multi-field Drop-down and session variables persistence
Posted: 2016-03-23 11:23
by piripacchio
Thanks, Fred,
I'll try a custom solution too.
ciao
.
tony
Re: Multi-field Drop-down and session variables persistence
Posted: 2016-03-23 13:41
by Fred
Tony here is my script I am using.
What I have is in my e-commerce module the client can either enter their delivery address or select from a list of "collection points"/
In both cases the "same" fields needs to be completed.
Selecting the "collection points" is via a dynamic list of radio buttons that is "hidded" and replaced with a list of names.
Hope this helps you in the right direction.
Code: Select all
$(document).ready(function(){
//alert("Jquery Loaded OK"); // Debug
// Hide the jquery/JSON fields and set them as disabled to use the normal html dropdowns
$("#alt_collections").hide();
$('#ship_method_test').hide();
$('#ship_method_test').prop('disabled', true);
$('#shipstate_ord_test').hide();
$('#shipstate_ord_test').prop('disabled', true);
var col_id = 0;
var col_load = 0;
//window.col_load = 0;
// If a collection point radio has been clicked
$("#checkbox_div input:radio").click(function() {
var col_id = $(this).val(); //Get the record ID from the radio value
if (col_id > 9999999) {
if (col_load > 0) {
alert("We need to refresh the page\n\rPlease select the same option again after the page reloaded.");
location.reload(true);
return;
}
//alert("Radio Clicked"); // Debug
$.getJSON('../custom/shopCollect.php?col_id=' + col_id, // Build the JSON query string
function(data){
// Set the form fields to the JSON retrieved values
//alert('Collection Point Selected.'); // Debug
$("#shipname_ord").val(data.Name);
$("#shipstreetaddress_ord").val(data.Address);
$("#shipcity_ord").val(data.City);
$("#shipzip_ord").val(data.Postal);
$("#shipzip_ord").val(data.Postal);
$("#shipcountry_ord").val(data.Country);
$('#shipstate_ord').remove();
$('#shipstate_ord_test').show();
$('#shipstate_ord_test').prop('disabled', false);
$("#shipstate_ord_test").val(data.County);
$("#shipmethod_ord").load("shipDropdown.php?choice=" + $("#shipcountry_ord").val()+"&tot_w=<?php echo $row_Recordset1['MXK_Total_weight'];?>");
// Scroll to confirm button after field completion.
$('html, body').animate({
scrollTop: $("#scroll_to").offset().top
}, 2000);
});
} else {
col_load = 1;
// Hide collection options after click
$("#alt_collections").hide( "slow", function() {
});
// Remove the html fields
$('#shipstate_ord').remove();
$('#shipmethod_ord').remove();
// Show the jquery/JSON fields
$('#ship_method_test').show();
$('#shipstate_ord_test').show();
// Enable the jquery/JSON fields
$('#ship_method_test').prop('disabled', false);
$('#shipstate_ord_test').prop('disabled', false);
//alert("Radio Clicked"); // Debug
$.getJSON('../custom/shopCollect.php?col_id=' + col_id, // Build the JSON query string
function(data){
// Set the form fields to the JSON retrieved values
//alert('Collection Point Selected.'); // Debug
$("#shipname_ord").val(data.Name);
$("#shipstreetaddress_ord").val(data.Address);
$("#shipcity_ord").val(data.City);
$("#shipzip_ord").val(data.Postal);
$("#shipcountry_ord").val(data.Country);
$("#shipstate_ord_test").val(data.County);
$("#ship_method_test").val(data.Ship);
// Scroll to confirm button after field completion.
$('html, body').animate({
scrollTop: $("#scroll_to").offset().top
}, 2000);
});
}// Close "else"
});
});