Autocomplete get parent fails for Microsoft Browsers












0















We're doing some pro-bono work for a public charity.



Here's a great mind-twister for technologists who may be relaxing during the 2018 Thanksgiving holiday weekend. The attached html works for Chrome and Firefox but not Microsoft Edge or Internet Explorer.



In essence, we need to get the parent div of an autocomplete whenever the end user changes the autocomplete`s value.



This is a static html file that you can run on your pc.
(1) Display the debugging console
(2) Change the 3 tags one at a time and
(3) the code is documented to explain the problem



RSVP is you see a solution.



<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src='https://code.jquery.com/jquery-1.12.4.js'> </script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>

$(document).ready(function () {

RegisterAutoCompleteHandlers();

$('#MbbDwTable').find('input').on('change', function () {
EndUserChangedDataValue(this);
});
$('#MbbDwTable').on('autocompletechange', function (event, ui) {
EndUserChangedDataValue(ui);
});

alert('$(document).ready() successful - Jesus Reigns rn' );

}); // end of ready()

function IsMicrosoftBrowser()
{
var isIE = /*@cc_on!@*/false || !!document.documentMode; // Internet Explorer 6-11
var isEdge = !isIE && !!window.StyleMedia; // Edge 20+
if ( isEdge || isIE )
return true;
else
return false;
}

function RegisterAutoCompleteHandlers()
{
$('table tbody tr').find('td.AutoComplete input').each(function (index) {
var trID = $(this).closest('tr').attr('id');
var acID = $(this).attr('id');
const tags = GetAvailableTags(acID);
$(this).autocomplete({source: tags});
var x = 1;
});
}

function EndUserChangedDataValue(inputField) {

//setTimeout(function () {

/*********************************************
* This gets the parent <div> for
* standard <input> tags.
* However, for <input> tags within a jquery <autocomplete> this
* -- works just fine in Chrome & Firefox
* -- but returns "undefined" in I.E. and Edge
**********************************************/
var parent = $(inputField).parents('div').attr('id');

if (typeof parent == 'undefined') {

if ( IsMicrosoftBrowser() )
{
console.log( 'need a microsoft workaround !?!?!?' );
}

// for <autocomplete> tags in ALL browsers,
// EndUserChangedDataValue() is erroneously
// called a 2nd time; this if() causes the 2nd call
// to be ignored
return;
}
else
{
console.log( 'EndUserChangedDataValue() success on 1st try: ' + parent)
}
//}, 10);

console.log( 'EndUserChangedDataValue() ending ' + parent)
}


function GetAvailableTags( name ) // for AutoCompletes
{
var availableTags;
switch ( name) {
case 'TransTypeId':
availableTags = [ { "id": "-1", "value": "<tbd>"}, { "id": "1", "value": "01-Charity"}, { "id": "2", "value": "01-Charity:Hosanna Church"}, { "id": "3", "value": "01-Charity:LLO"}, { "id": "4", "value": "01-Charity:MFC"}, { "id": "104", "value": "01-Charity:Needy People"}, { "id": "5", "value": "01-Charity:other"}, { "id": "6", "value": "01-Charity:Rock of SW Church"}, { "id": "7", "value": "02-Biz"}, { "id": "110", "value": "02-Biz:1099 Salaries"}, { "id": "8", "value": "02-Biz:Biz Tax"}, { "id": "113", "value": "02-Biz:Employment Expense"}, { "id": "9", "value": "02-Biz:Event Ins"}, { "id": "117", "value": "02-Biz:Federal Income Tax"}, { "id": "127", "value": "02-Biz:InternetFees-WebHosting-DomainNames"}, { "id": "10", "value": "02-Biz:ISP-WebHosting-DomainNames"}, { "id": "11", "value": "02-Biz:Jewelry & Church Envelops"}, { "id": "103", "value": "02-Biz:Office Rent"}, { "id": "129", "value": "02-Biz:Outreach Products"}, { "id": "13", "value": "02-Biz:Telecomm-phone"}, { "id": "100", "value": "02-Biz:to be Reimbursed"}, { "id": "14", "value": "03-Shelter"}, { "id": "15", "value": "03-Shelter:Cleaniing-Yard Work"}, { "id": "16", "value": "03-Shelter:Home Repair-Improvement"}, { "id": "17", "value": "03-Shelter:Moving - Relocation"}, { "id": "18", "value": "03-Shelter:Real Estate Rent"}, { "id": "112", "value": "03-Shelter:Tenant Insurance"}, { "id": "19", "value": "03-Shelter:Util"}, { "id": "20", "value": "03-Shelter:Util:ECUA"}, { "id": "21", "value": "03-Shelter:Util:Electicity"}, { "id": "22", "value": "03-Shelter:Util:Garbage Collection"}, { "id": "24", "value": "03-Shelter:Util:Mobile/Cell Phone"}, { "id": "23", "value": "03-Shelter:Util:Natural Gas & Firewood"}, { "id": "143", "value": "03-Shelter:Util:Telecomm-Phone"}, { "id": "25", "value": "03-Shelter:Util:water"}, { "id": "26", "value": "04-Transporation"}, { "id": "27", "value": "04-Transporation:Auto Insurance"}, { "id": "28", "value": "04-Transporation:Auto License Fees"}, { "id": "29", "value": "04-Transporation:Auto Repair-Dodge Truck"}, { "id": "99", "value": "04-Transporation:Auto Repair-Rogue"}, { "id": "30", "value": "04-Transporation:Auto Repair-Spectra"}, { "id": "31", "value": "04-Transporation:Petrol"}, { "id": "107", "value": "04-Transporation:Purchase-Rogue 2016"}, { "id": "32", "value": "05-Health Care"}, { "id": "33", "value": "05-Health Care:Chiropractor-Massage"}, { "id": "34", "value": "05-Health Care:Dentist"}, { "id": "35", "value": "05-Health Care:Eye Care"}, { "id": "156", "value": "05-Health Care:Health Ins"}, { "id": "36", "value": "05-Health Care:Health Ins Premium"}, { "id": "37", "value": "05-Health Care:Medicine"}, { "id": "38", "value": "05-Health Care:Primary Medical Care"}, { "id": "39", "value": "06-Ministry"}, { "id": "40", "value": "06-Ministry:Advertising"}, { "id": "106", "value": "06-Ministry:banquets/luncheons"}, { "id": "41", "value": "06-Ministry:Bldg Rental"}, { "id": "162", "value": "06-Ministry:Book Table"}, { "id": "42", "value": "06-Ministry:Book Table Expense"}, { "id": "43", "value": "06-Ministry:Humanitarian Outreach"}, { "id": "44", "value": "06-Ministry:Music"}, { "id": "45", "value": "06-Ministry:Preaching"}, { "id": "46", "value": "06-Ministry:Shipping"}, { "id": "47", "value": "06-Ministry:stipend 1099"}, { "id": "48", "value": "06-Ministry:Training"}, { "id": "49", "value": "06-Ministry:warehouse-storage"}, { "id": "50", "value": "07-Gifts"}, { "id": "51", "value": "07-Gifts:to Others"}, { "id": "52", "value": "09-GeneralExpenses"}, { "id": "53", "value": "09-GeneralExpenses:Beauty Services & Supplies"}, { "id": "54", "value": "09-GeneralExpenses:Clothing"}, { "id": "55", "value": "09-GeneralExpenses:Decorations"}, { "id": "115", "value": "09-GeneralExpenses:Dry Cleaning"}, { "id": "56", "value": "09-GeneralExpenses:Education-Career"}, { "id": "57", "value": "09-GeneralExpenses:Electronic Equipment"}, { "id": "58", "value": "09-GeneralExpenses:Entertainment-Movies-etc"}, { "id": "179", "value": "09-GeneralExpenses:Food-Groceries-MiscSupplies"}, { "id": "60", "value": "09-GeneralExpenses:Furniture-Bedding"}, { "id": "59", "value": "09-GeneralExpenses:Groceries / Misc Supplies"}, { "id": "61", "value": "09-GeneralExpenses:Gym Membership"}, { "id": "62", "value": "09-GeneralExpenses:Home Appliances-large"}, { "id": "63", "value": "09-GeneralExpenses:Home Appliances-small"}, { "id": "64", "value": "09-GeneralExpenses:Jewelry-Flowers"}, { "id": "65", "value": "09-GeneralExpenses:Legal Fees"}, { "id": "66", "value": "09-GeneralExpenses:Office Supplies"}, { "id": "67", "value": "09-GeneralExpenses:Outdoor-Sports-Exercise Equip"}, { "id": "68", "value": "09-GeneralExpenses:pets"}, { "id": "69", "value": "09-GeneralExpenses:Postage-Fax"}, { "id": "70", "value": "09-GeneralExpenses:Printing"}, { "id": "71", "value": "09-GeneralExpenses:Restaurants-Dining"}, { "id": "72", "value": "09-GeneralExpenses:Restaurants-FastFood"}, { "id": "73", "value": "09-GeneralExpenses:Software"}, { "id": "114", "value": "09-GeneralExpenses:storage-packing supplies"}, { "id": "74", "value": "09-GeneralExpenses:Tools"}, { "id": "75", "value": "10-Financial"}, { "id": "76", "value": "10-Financial:Bank Fees"}, { "id": "77", "value": "10-Financial:Interest Expense"}, { "id": "78", "value": "11-Travel"}, { "id": "79", "value": "11-Travel:Air-Train-Ferry"}, { "id": "80", "value": "11-Travel:Car Rental & Taxi"}, { "id": "81", "value": "11-Travel:Lodging"}, { "id": "111", "value": "11-Travel:Luggage/supplies"}, { "id": "82", "value": "11-Travel:Parking-BaggageCarts-Cargo"}, { "id": "83", "value": "12-Insurance"}, { "id": "84", "value": "12-Insurance:Life Insurance"}, { "id": "85", "value": "13-Relocation"}, { "id": "86", "value": "Income"}, { "id": "87", "value": "Income:Adhoc"}, { "id": "88", "value": "Income:Conrad-Mis2000 Salary"}, { "id": "89", "value": "Income:Donations"}, { "id": "101", "value": "Income:Eagle Creek"}, { "id": "90", "value": "Income:Interest and Dividends"}, { "id": "116", "value": "Income:KSS-Allied-TX"}, { "id": "91", "value": "Income:LifeLine Hosting"}, { "id": "92", "value": "Income:Ministry Sales"}, { "id": "93", "value": "Income:State Of NV"}, { "id": "108", "value": "Income:Unemployment Ins"}, { "id": "95", "value": "Not Sure"}, { "id": "96", "value": "Taxes"}, { "id": "97", "value": "Taxes:Biz Tax"}, { "id": "102", "value": "To Be Reimbursed"}, { "id": "98", "value": "Xfer of Funds"}];
break;
case 'ProjectID':
availableTags = [ { "id": "91", "value": "2018-02 detox voodoo/witch-doctor diet"}, { "id": "94", "value": "2018-07 Move to Infinity-Triangle"}, { "id": "95", "value": "2018-08 FCD Training Maria"}, { "id": "30", "value": "2nd wedding anniversary"}, { "id": "135", "value": "bed frame Feb 2016"}, { "id": "35", "value": "bed frame Feb 2016"}, { "id": "67", "value": "Cough- Conrad 2017"}, { "id": "141", "value": "Evaporative Cooler May 2016"}, { "id": "41", "value": "Evaporative Cooler May 2016"}, { "id": "50", "value": "Girwood/Seatle Nov2016"}, { "id": "46", "value": "Honeymoon 2016 sep 2016"}, { "id": "72", "value": "Honeymoon 2017 sep"}, { "id": "155", "value": "Honeymoon 2018 -- Seguin TX"}, { "id": "6", "value": "Honeymoon-Feb2014"}, { "id": "25", "value": "Jewelry Biz"}, { "id": "45", "value": "Kidney Stone - Conad Aug 2016"}, { "id": "13", "value": "Kirkwood CA mini-vacation - Jul2014"}, { "id": "1", "value": "LLO 2014-01 -Turlock Jan2014"}, { "id": "10", "value": "LLO 2014-01 Stockton"}, { "id": "7", "value": "LLO 2014-02 -Dallas-Feb2014"}, { "id": "4", "value": "LLO 2014-03 AK-March2014"}, { "id": "18", "value": "LLO 2014-10 -Angoon Oct2014"}, { "id": "17", "value": "LLO 2014-10 -Turlock Oct2014"}, { "id": "16", "value": "LLO 2014-10 Stockton"}, { "id": "19", "value": "LLO 2015-01 -Anchorage/Moravian Jan2015"}, { "id": "21", "value": "LLO 2015-02 Turlock"}, { "id": "20", "value": "LLO 2015-04 -Nome Apr2015"}, { "id": "23", "value": "LLO 2015-04 -PNS Apostolic Women"}, { "id": "24", "value": "LLO 2015-05 Stockton CA"}, { "id": "22", "value": "LLO 2015-06 RenoBlessing"}, { "id": "26", "value": "LLO 2015-10 Alaska"}, { "id": "29", "value": "LLO 2015-11 -Turlock Nov2015"}, { "id": "28", "value": "LLO 2015-12 MFC"}, { "id": "34", "value": "LLO 2016-01 -Turlock Jan2016"}, { "id": "33", "value": "LLO 2016-02 Alaska"}, { "id": "36", "value": "LLO 2016-03 -Anchorage Mar2016"}, { "id": "31", "value": "LLO 2016-04 -Apostolic Women Apr 2016"}, { "id": "37", "value": "LLO 2016-04 -CRIT Indian Nation Apr2016"}, { "id": "39", "value": "LLO 2016-06 -ANC/Barrow"}, { "id": "43", "value": "LLO 2016-06 -Voice in Wilderness Jun-2016"}, { "id": "40", "value": "LLO 2016-10 -AK-Oct 2016 ANC & Fairbanks"}, { "id": "49", "value": "LLO 2016-11 AK-Nov 2016 ANC"}, { "id": "42", "value": "LLO 2016-11 -Savoonga-Ncv 2016"}, { "id": "48", "value": "LLO 2016-11 MFC"}, { "id": "47", "value": "LLO 2016-11 Turlock Sep2016"}, { "id": "53", "value": "LLO 2016-12 MFC"}, { "id": "54", "value": "LLO 2017-01 ANC/Kotz/et al."}, { "id": "56", "value": "LLO 2017-03 FCD Training"}, { "id": "51", "value": "LLO 2017-03 Women Conf Mar2017 ANC"}, { "id": "58", "value": "LLO 2017-04 MFC Womens Conference"}, { "id": "57", "value": "LLO 2017-04 Parker AZ"}, { "id": "61", "value": "LLO 2017-05 turlock"}, { "id": "63", "value": "LLO 2017-06 MFC FCD"}, { "id": "69", "value": "LLO 2017-09 scouting trip and Barrow"}, { "id": "73", "value": "LLO 2017-09 Turlock Sep2017"}, { "id": "68", "value": "LLO 2017-10 Moravian-ANC, Kodiak Frbnks, Venetie"}, { "id": "75", "value": "LLO 2017-11 Beauty for Ashes Training"}, { "id": "60", "value": "LLO 2017-11 Kivalina Blessing"}, { "id": "70", "value": "LLO 2017-11 MFC Anchorage"}, { "id": "81", "value": "LLO 2017-11 Perkins Family"}, { "id": "79", "value": "LLO 2017-12 MFC Foresight Training"}, { "id": "76", "value": "LLO 2017-12 MFC Training"}, { "id": "77", "value": "LLO 2018-01 ANC/Kotzebue"}, { "id": "80", "value": "LLO 2018-01 Gambell"}, { "id": "82", "value": "LLO 2018-01 Turlock CA"}, { "id": "78", "value": "LLO 2018-02 Fairbanks"}, { "id": "84", "value": "LLO 2018-02 Micron"}, { "id": "83", "value": "LLO 2018-02 Turlock CA"}, { "id": "86", "value": "LLO 2018-03 Anchorage"}, { "id": "85", "value": "LLO 2018-03 FCD Training Conrad"}, { "id": "88", "value": "LLO 2018-04 CRIT Reservation"}, { "id": "90", "value": "LLO 2018-04 MFC Wonder Working Women"}, { "id": "92", "value": "LLO 2018-08 Blythe/WhiteRiver"}, { "id": "96", "value": "LLO 2018-09 Turlock CA"}, { "id": "98", "value": "LLO 2018-10 Anchorage/Cordova"}, { "id": "97", "value": "LLO 2018-10 Fairbanks"}, { "id": "100", "value": "LLO 2018-11 Barrow/Anchorage"}, { "id": "156", "value": "LLO 2018-11 Winterhaven CA"}, { "id": "99", "value": "LLO 2018-11 Yuma CA"}, { "id": "2", "value": "LLO Book Table"}, { "id": "110", "value": "LLO Stockton- Jun2014"}, { "id": "116", "value": "LLO Stockton- Oct2014"}, { "id": "133", "value": "LLO- AK Feb2016"}, { "id": "126", "value": "LLO- AK Oct2015"}, { "id": "3", "value": "LLO- Amazon/Ministry Sales"}, { "id": "153", "value": "LLO- MFC Dec 2016"}, { "id": "148", "value": "LLO- MFC Nov 2016"}, { "id": "128", "value": "LLO- PNS/MFC Dec2015"}, { "id": "122", "value": "LLO- RenoBlessing Jun2015"}, { "id": "124", "value": "LLO- Stockton CA May2015"}, { "id": "121", "value": "LLO- Turlock Feb2015"}, { "id": "147", "value": "LLO- Turlock Sep2016"}, { "id": "151", "value": "LLO- Women Conf Mar2017 ANC"}, { "id": "38", "value": "LLO- Your Unseen Enemy Revealed"}, { "id": "139", "value": "LLO-AK-June2016"}, { "id": "104", "value": "LLO-AK-March2014"}, { "id": "149", "value": "LLO-AK-Nov 2016 ANC"}, { "id": "140", "value": "LLO-AK-Oct 2016 ANC & Fairbanks"}, { "id": "136", "value": "LLO-Anchorage Mar2016"}, { "id": "119", "value": "LLO-Anchorage/Moravian Jan2015"}, { "id": "118", "value": "LLO-Angoon Oct2014"}, { "id": "131", "value": "LLO-Apostolic Women Apr 2016"}, { "id": "137", "value": "LLO-CRIT Indian Nation Apr2016"}, { "id": "107", "value": "LLO-Dallas-Feb2014"}, { "id": "120", "value": "LLO-Nome Apr2015"}, { "id": "123", "value": "LLO-PNS Apostolic Women"}, { "id": "142", "value": "LLO-Savoonga-Ncv 2016"}, { "id": "101", "value": "LLO-Turlock Jan2014"}, { "id": "134", "value": "LLO-Turlock Jan2016"}, { "id": "129", "value": "LLO-Turlock Nov2015"}, { "id": "117", "value": "LLO-Turlock Oct2014"}, { "id": "143", "value": "LLO-Voice in Wilderness Jun-2016"}, { "id": "15", "value": "Mammoth Lakes CA mini-vacation - Sep2014"}, { "id": "87", "value": "Maria Detox Feb-2018"}, { "id": "44", "value": "Maria Trip- Bothel WA Aug 2016"}, { "id": "66", "value": "Maria twins"}, { "id": "8", "value": "MbbDw-Feb2014"}, { "id": "5", "value": "MbbDw-Jan2014"}, { "id": "14", "value": "medical stupidity - Sep 2014"}, { "id": "89", "value": "Move to Texas 2018-04"}, { "id": "65", "value": "New tooth - Conrad - 2017"}, { "id": "9", "value": "Panama Beach - May2014"}, { "id": "59", "value": "Park City Utah- Vacation 2017"}, { "id": "52", "value": "RedWing vs Sharks Jan2017"}, { "id": "27", "value": "Relocation to Galena Sep2015"}, { "id": "11", "value": "Relocation to NV- Jun2014"}, { "id": "74", "value": "Rogue crash"}, { "id": "71", "value": "Seattle 2017-Sep"}, { "id": "55", "value": "Snow Storms-Jan2017"}, { "id": "64", "value": "Solar Eclipse 2017-08"}, { "id": "12", "value": "Tahoe Donner- 4Jul2014"}, { "id": "32", "value": "tbd"}, { "id": "62", "value": "Todd/Madison trip 2017-07"}];
break;
}
return availableTags;

} // end of GetAvailableTags()

</script>

<style>
table { border: 3px solid red; }
th, td {border: 1px solid black; }
</style>

</head>

<body>

<h1> LifeLine Outreach Public Charity</div></h1> <br />

<table id='MbbDwTable'>
<tbody>
<tr id='12669'>
<td class='userInput' name='TransactionID' >
<div id='TransactionIDDiv'>
<input type='text' value='10303'>
</div> </td>
<td class='userInput AutoComplete' name='TransTypeId' style='display: block' >
<div id='TransTypeIdDiv'>
<label for='TransTypeId' > </label>
<input id='TransTypeId' value='09-GeneralExpenses:Software'>
</div>
</td>
<td class='userInput AutoComplete' name='ProjectID' style='display: block' >
<div id='ProjectIDDiv' class='ui-front'>
<!-- By default the autocomplete dropdown is appended to the web page <body>
The ui-front class causes the autocomplete dropdown to be appended to this div
Using ui-front has no material effect in Chrome or Firefox
but might be useful for the microsoft browser work-around
-->
<label for='ProjectID' > </label>
<input id='ProjectID' value='tbd' >
</div>
</td>
</tr>
</tbody>
</table>

</body>

</html>









share|improve this question





























    0















    We're doing some pro-bono work for a public charity.



    Here's a great mind-twister for technologists who may be relaxing during the 2018 Thanksgiving holiday weekend. The attached html works for Chrome and Firefox but not Microsoft Edge or Internet Explorer.



    In essence, we need to get the parent div of an autocomplete whenever the end user changes the autocomplete`s value.



    This is a static html file that you can run on your pc.
    (1) Display the debugging console
    (2) Change the 3 tags one at a time and
    (3) the code is documented to explain the problem



    RSVP is you see a solution.



    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
    <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src='https://code.jquery.com/jquery-1.12.4.js'> </script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <script>

    $(document).ready(function () {

    RegisterAutoCompleteHandlers();

    $('#MbbDwTable').find('input').on('change', function () {
    EndUserChangedDataValue(this);
    });
    $('#MbbDwTable').on('autocompletechange', function (event, ui) {
    EndUserChangedDataValue(ui);
    });

    alert('$(document).ready() successful - Jesus Reigns rn' );

    }); // end of ready()

    function IsMicrosoftBrowser()
    {
    var isIE = /*@cc_on!@*/false || !!document.documentMode; // Internet Explorer 6-11
    var isEdge = !isIE && !!window.StyleMedia; // Edge 20+
    if ( isEdge || isIE )
    return true;
    else
    return false;
    }

    function RegisterAutoCompleteHandlers()
    {
    $('table tbody tr').find('td.AutoComplete input').each(function (index) {
    var trID = $(this).closest('tr').attr('id');
    var acID = $(this).attr('id');
    const tags = GetAvailableTags(acID);
    $(this).autocomplete({source: tags});
    var x = 1;
    });
    }

    function EndUserChangedDataValue(inputField) {

    //setTimeout(function () {

    /*********************************************
    * This gets the parent <div> for
    * standard <input> tags.
    * However, for <input> tags within a jquery <autocomplete> this
    * -- works just fine in Chrome & Firefox
    * -- but returns "undefined" in I.E. and Edge
    **********************************************/
    var parent = $(inputField).parents('div').attr('id');

    if (typeof parent == 'undefined') {

    if ( IsMicrosoftBrowser() )
    {
    console.log( 'need a microsoft workaround !?!?!?' );
    }

    // for <autocomplete> tags in ALL browsers,
    // EndUserChangedDataValue() is erroneously
    // called a 2nd time; this if() causes the 2nd call
    // to be ignored
    return;
    }
    else
    {
    console.log( 'EndUserChangedDataValue() success on 1st try: ' + parent)
    }
    //}, 10);

    console.log( 'EndUserChangedDataValue() ending ' + parent)
    }


    function GetAvailableTags( name ) // for AutoCompletes
    {
    var availableTags;
    switch ( name) {
    case 'TransTypeId':
    availableTags = [ { "id": "-1", "value": "<tbd>"}, { "id": "1", "value": "01-Charity"}, { "id": "2", "value": "01-Charity:Hosanna Church"}, { "id": "3", "value": "01-Charity:LLO"}, { "id": "4", "value": "01-Charity:MFC"}, { "id": "104", "value": "01-Charity:Needy People"}, { "id": "5", "value": "01-Charity:other"}, { "id": "6", "value": "01-Charity:Rock of SW Church"}, { "id": "7", "value": "02-Biz"}, { "id": "110", "value": "02-Biz:1099 Salaries"}, { "id": "8", "value": "02-Biz:Biz Tax"}, { "id": "113", "value": "02-Biz:Employment Expense"}, { "id": "9", "value": "02-Biz:Event Ins"}, { "id": "117", "value": "02-Biz:Federal Income Tax"}, { "id": "127", "value": "02-Biz:InternetFees-WebHosting-DomainNames"}, { "id": "10", "value": "02-Biz:ISP-WebHosting-DomainNames"}, { "id": "11", "value": "02-Biz:Jewelry & Church Envelops"}, { "id": "103", "value": "02-Biz:Office Rent"}, { "id": "129", "value": "02-Biz:Outreach Products"}, { "id": "13", "value": "02-Biz:Telecomm-phone"}, { "id": "100", "value": "02-Biz:to be Reimbursed"}, { "id": "14", "value": "03-Shelter"}, { "id": "15", "value": "03-Shelter:Cleaniing-Yard Work"}, { "id": "16", "value": "03-Shelter:Home Repair-Improvement"}, { "id": "17", "value": "03-Shelter:Moving - Relocation"}, { "id": "18", "value": "03-Shelter:Real Estate Rent"}, { "id": "112", "value": "03-Shelter:Tenant Insurance"}, { "id": "19", "value": "03-Shelter:Util"}, { "id": "20", "value": "03-Shelter:Util:ECUA"}, { "id": "21", "value": "03-Shelter:Util:Electicity"}, { "id": "22", "value": "03-Shelter:Util:Garbage Collection"}, { "id": "24", "value": "03-Shelter:Util:Mobile/Cell Phone"}, { "id": "23", "value": "03-Shelter:Util:Natural Gas & Firewood"}, { "id": "143", "value": "03-Shelter:Util:Telecomm-Phone"}, { "id": "25", "value": "03-Shelter:Util:water"}, { "id": "26", "value": "04-Transporation"}, { "id": "27", "value": "04-Transporation:Auto Insurance"}, { "id": "28", "value": "04-Transporation:Auto License Fees"}, { "id": "29", "value": "04-Transporation:Auto Repair-Dodge Truck"}, { "id": "99", "value": "04-Transporation:Auto Repair-Rogue"}, { "id": "30", "value": "04-Transporation:Auto Repair-Spectra"}, { "id": "31", "value": "04-Transporation:Petrol"}, { "id": "107", "value": "04-Transporation:Purchase-Rogue 2016"}, { "id": "32", "value": "05-Health Care"}, { "id": "33", "value": "05-Health Care:Chiropractor-Massage"}, { "id": "34", "value": "05-Health Care:Dentist"}, { "id": "35", "value": "05-Health Care:Eye Care"}, { "id": "156", "value": "05-Health Care:Health Ins"}, { "id": "36", "value": "05-Health Care:Health Ins Premium"}, { "id": "37", "value": "05-Health Care:Medicine"}, { "id": "38", "value": "05-Health Care:Primary Medical Care"}, { "id": "39", "value": "06-Ministry"}, { "id": "40", "value": "06-Ministry:Advertising"}, { "id": "106", "value": "06-Ministry:banquets/luncheons"}, { "id": "41", "value": "06-Ministry:Bldg Rental"}, { "id": "162", "value": "06-Ministry:Book Table"}, { "id": "42", "value": "06-Ministry:Book Table Expense"}, { "id": "43", "value": "06-Ministry:Humanitarian Outreach"}, { "id": "44", "value": "06-Ministry:Music"}, { "id": "45", "value": "06-Ministry:Preaching"}, { "id": "46", "value": "06-Ministry:Shipping"}, { "id": "47", "value": "06-Ministry:stipend 1099"}, { "id": "48", "value": "06-Ministry:Training"}, { "id": "49", "value": "06-Ministry:warehouse-storage"}, { "id": "50", "value": "07-Gifts"}, { "id": "51", "value": "07-Gifts:to Others"}, { "id": "52", "value": "09-GeneralExpenses"}, { "id": "53", "value": "09-GeneralExpenses:Beauty Services & Supplies"}, { "id": "54", "value": "09-GeneralExpenses:Clothing"}, { "id": "55", "value": "09-GeneralExpenses:Decorations"}, { "id": "115", "value": "09-GeneralExpenses:Dry Cleaning"}, { "id": "56", "value": "09-GeneralExpenses:Education-Career"}, { "id": "57", "value": "09-GeneralExpenses:Electronic Equipment"}, { "id": "58", "value": "09-GeneralExpenses:Entertainment-Movies-etc"}, { "id": "179", "value": "09-GeneralExpenses:Food-Groceries-MiscSupplies"}, { "id": "60", "value": "09-GeneralExpenses:Furniture-Bedding"}, { "id": "59", "value": "09-GeneralExpenses:Groceries / Misc Supplies"}, { "id": "61", "value": "09-GeneralExpenses:Gym Membership"}, { "id": "62", "value": "09-GeneralExpenses:Home Appliances-large"}, { "id": "63", "value": "09-GeneralExpenses:Home Appliances-small"}, { "id": "64", "value": "09-GeneralExpenses:Jewelry-Flowers"}, { "id": "65", "value": "09-GeneralExpenses:Legal Fees"}, { "id": "66", "value": "09-GeneralExpenses:Office Supplies"}, { "id": "67", "value": "09-GeneralExpenses:Outdoor-Sports-Exercise Equip"}, { "id": "68", "value": "09-GeneralExpenses:pets"}, { "id": "69", "value": "09-GeneralExpenses:Postage-Fax"}, { "id": "70", "value": "09-GeneralExpenses:Printing"}, { "id": "71", "value": "09-GeneralExpenses:Restaurants-Dining"}, { "id": "72", "value": "09-GeneralExpenses:Restaurants-FastFood"}, { "id": "73", "value": "09-GeneralExpenses:Software"}, { "id": "114", "value": "09-GeneralExpenses:storage-packing supplies"}, { "id": "74", "value": "09-GeneralExpenses:Tools"}, { "id": "75", "value": "10-Financial"}, { "id": "76", "value": "10-Financial:Bank Fees"}, { "id": "77", "value": "10-Financial:Interest Expense"}, { "id": "78", "value": "11-Travel"}, { "id": "79", "value": "11-Travel:Air-Train-Ferry"}, { "id": "80", "value": "11-Travel:Car Rental & Taxi"}, { "id": "81", "value": "11-Travel:Lodging"}, { "id": "111", "value": "11-Travel:Luggage/supplies"}, { "id": "82", "value": "11-Travel:Parking-BaggageCarts-Cargo"}, { "id": "83", "value": "12-Insurance"}, { "id": "84", "value": "12-Insurance:Life Insurance"}, { "id": "85", "value": "13-Relocation"}, { "id": "86", "value": "Income"}, { "id": "87", "value": "Income:Adhoc"}, { "id": "88", "value": "Income:Conrad-Mis2000 Salary"}, { "id": "89", "value": "Income:Donations"}, { "id": "101", "value": "Income:Eagle Creek"}, { "id": "90", "value": "Income:Interest and Dividends"}, { "id": "116", "value": "Income:KSS-Allied-TX"}, { "id": "91", "value": "Income:LifeLine Hosting"}, { "id": "92", "value": "Income:Ministry Sales"}, { "id": "93", "value": "Income:State Of NV"}, { "id": "108", "value": "Income:Unemployment Ins"}, { "id": "95", "value": "Not Sure"}, { "id": "96", "value": "Taxes"}, { "id": "97", "value": "Taxes:Biz Tax"}, { "id": "102", "value": "To Be Reimbursed"}, { "id": "98", "value": "Xfer of Funds"}];
    break;
    case 'ProjectID':
    availableTags = [ { "id": "91", "value": "2018-02 detox voodoo/witch-doctor diet"}, { "id": "94", "value": "2018-07 Move to Infinity-Triangle"}, { "id": "95", "value": "2018-08 FCD Training Maria"}, { "id": "30", "value": "2nd wedding anniversary"}, { "id": "135", "value": "bed frame Feb 2016"}, { "id": "35", "value": "bed frame Feb 2016"}, { "id": "67", "value": "Cough- Conrad 2017"}, { "id": "141", "value": "Evaporative Cooler May 2016"}, { "id": "41", "value": "Evaporative Cooler May 2016"}, { "id": "50", "value": "Girwood/Seatle Nov2016"}, { "id": "46", "value": "Honeymoon 2016 sep 2016"}, { "id": "72", "value": "Honeymoon 2017 sep"}, { "id": "155", "value": "Honeymoon 2018 -- Seguin TX"}, { "id": "6", "value": "Honeymoon-Feb2014"}, { "id": "25", "value": "Jewelry Biz"}, { "id": "45", "value": "Kidney Stone - Conad Aug 2016"}, { "id": "13", "value": "Kirkwood CA mini-vacation - Jul2014"}, { "id": "1", "value": "LLO 2014-01 -Turlock Jan2014"}, { "id": "10", "value": "LLO 2014-01 Stockton"}, { "id": "7", "value": "LLO 2014-02 -Dallas-Feb2014"}, { "id": "4", "value": "LLO 2014-03 AK-March2014"}, { "id": "18", "value": "LLO 2014-10 -Angoon Oct2014"}, { "id": "17", "value": "LLO 2014-10 -Turlock Oct2014"}, { "id": "16", "value": "LLO 2014-10 Stockton"}, { "id": "19", "value": "LLO 2015-01 -Anchorage/Moravian Jan2015"}, { "id": "21", "value": "LLO 2015-02 Turlock"}, { "id": "20", "value": "LLO 2015-04 -Nome Apr2015"}, { "id": "23", "value": "LLO 2015-04 -PNS Apostolic Women"}, { "id": "24", "value": "LLO 2015-05 Stockton CA"}, { "id": "22", "value": "LLO 2015-06 RenoBlessing"}, { "id": "26", "value": "LLO 2015-10 Alaska"}, { "id": "29", "value": "LLO 2015-11 -Turlock Nov2015"}, { "id": "28", "value": "LLO 2015-12 MFC"}, { "id": "34", "value": "LLO 2016-01 -Turlock Jan2016"}, { "id": "33", "value": "LLO 2016-02 Alaska"}, { "id": "36", "value": "LLO 2016-03 -Anchorage Mar2016"}, { "id": "31", "value": "LLO 2016-04 -Apostolic Women Apr 2016"}, { "id": "37", "value": "LLO 2016-04 -CRIT Indian Nation Apr2016"}, { "id": "39", "value": "LLO 2016-06 -ANC/Barrow"}, { "id": "43", "value": "LLO 2016-06 -Voice in Wilderness Jun-2016"}, { "id": "40", "value": "LLO 2016-10 -AK-Oct 2016 ANC & Fairbanks"}, { "id": "49", "value": "LLO 2016-11 AK-Nov 2016 ANC"}, { "id": "42", "value": "LLO 2016-11 -Savoonga-Ncv 2016"}, { "id": "48", "value": "LLO 2016-11 MFC"}, { "id": "47", "value": "LLO 2016-11 Turlock Sep2016"}, { "id": "53", "value": "LLO 2016-12 MFC"}, { "id": "54", "value": "LLO 2017-01 ANC/Kotz/et al."}, { "id": "56", "value": "LLO 2017-03 FCD Training"}, { "id": "51", "value": "LLO 2017-03 Women Conf Mar2017 ANC"}, { "id": "58", "value": "LLO 2017-04 MFC Womens Conference"}, { "id": "57", "value": "LLO 2017-04 Parker AZ"}, { "id": "61", "value": "LLO 2017-05 turlock"}, { "id": "63", "value": "LLO 2017-06 MFC FCD"}, { "id": "69", "value": "LLO 2017-09 scouting trip and Barrow"}, { "id": "73", "value": "LLO 2017-09 Turlock Sep2017"}, { "id": "68", "value": "LLO 2017-10 Moravian-ANC, Kodiak Frbnks, Venetie"}, { "id": "75", "value": "LLO 2017-11 Beauty for Ashes Training"}, { "id": "60", "value": "LLO 2017-11 Kivalina Blessing"}, { "id": "70", "value": "LLO 2017-11 MFC Anchorage"}, { "id": "81", "value": "LLO 2017-11 Perkins Family"}, { "id": "79", "value": "LLO 2017-12 MFC Foresight Training"}, { "id": "76", "value": "LLO 2017-12 MFC Training"}, { "id": "77", "value": "LLO 2018-01 ANC/Kotzebue"}, { "id": "80", "value": "LLO 2018-01 Gambell"}, { "id": "82", "value": "LLO 2018-01 Turlock CA"}, { "id": "78", "value": "LLO 2018-02 Fairbanks"}, { "id": "84", "value": "LLO 2018-02 Micron"}, { "id": "83", "value": "LLO 2018-02 Turlock CA"}, { "id": "86", "value": "LLO 2018-03 Anchorage"}, { "id": "85", "value": "LLO 2018-03 FCD Training Conrad"}, { "id": "88", "value": "LLO 2018-04 CRIT Reservation"}, { "id": "90", "value": "LLO 2018-04 MFC Wonder Working Women"}, { "id": "92", "value": "LLO 2018-08 Blythe/WhiteRiver"}, { "id": "96", "value": "LLO 2018-09 Turlock CA"}, { "id": "98", "value": "LLO 2018-10 Anchorage/Cordova"}, { "id": "97", "value": "LLO 2018-10 Fairbanks"}, { "id": "100", "value": "LLO 2018-11 Barrow/Anchorage"}, { "id": "156", "value": "LLO 2018-11 Winterhaven CA"}, { "id": "99", "value": "LLO 2018-11 Yuma CA"}, { "id": "2", "value": "LLO Book Table"}, { "id": "110", "value": "LLO Stockton- Jun2014"}, { "id": "116", "value": "LLO Stockton- Oct2014"}, { "id": "133", "value": "LLO- AK Feb2016"}, { "id": "126", "value": "LLO- AK Oct2015"}, { "id": "3", "value": "LLO- Amazon/Ministry Sales"}, { "id": "153", "value": "LLO- MFC Dec 2016"}, { "id": "148", "value": "LLO- MFC Nov 2016"}, { "id": "128", "value": "LLO- PNS/MFC Dec2015"}, { "id": "122", "value": "LLO- RenoBlessing Jun2015"}, { "id": "124", "value": "LLO- Stockton CA May2015"}, { "id": "121", "value": "LLO- Turlock Feb2015"}, { "id": "147", "value": "LLO- Turlock Sep2016"}, { "id": "151", "value": "LLO- Women Conf Mar2017 ANC"}, { "id": "38", "value": "LLO- Your Unseen Enemy Revealed"}, { "id": "139", "value": "LLO-AK-June2016"}, { "id": "104", "value": "LLO-AK-March2014"}, { "id": "149", "value": "LLO-AK-Nov 2016 ANC"}, { "id": "140", "value": "LLO-AK-Oct 2016 ANC & Fairbanks"}, { "id": "136", "value": "LLO-Anchorage Mar2016"}, { "id": "119", "value": "LLO-Anchorage/Moravian Jan2015"}, { "id": "118", "value": "LLO-Angoon Oct2014"}, { "id": "131", "value": "LLO-Apostolic Women Apr 2016"}, { "id": "137", "value": "LLO-CRIT Indian Nation Apr2016"}, { "id": "107", "value": "LLO-Dallas-Feb2014"}, { "id": "120", "value": "LLO-Nome Apr2015"}, { "id": "123", "value": "LLO-PNS Apostolic Women"}, { "id": "142", "value": "LLO-Savoonga-Ncv 2016"}, { "id": "101", "value": "LLO-Turlock Jan2014"}, { "id": "134", "value": "LLO-Turlock Jan2016"}, { "id": "129", "value": "LLO-Turlock Nov2015"}, { "id": "117", "value": "LLO-Turlock Oct2014"}, { "id": "143", "value": "LLO-Voice in Wilderness Jun-2016"}, { "id": "15", "value": "Mammoth Lakes CA mini-vacation - Sep2014"}, { "id": "87", "value": "Maria Detox Feb-2018"}, { "id": "44", "value": "Maria Trip- Bothel WA Aug 2016"}, { "id": "66", "value": "Maria twins"}, { "id": "8", "value": "MbbDw-Feb2014"}, { "id": "5", "value": "MbbDw-Jan2014"}, { "id": "14", "value": "medical stupidity - Sep 2014"}, { "id": "89", "value": "Move to Texas 2018-04"}, { "id": "65", "value": "New tooth - Conrad - 2017"}, { "id": "9", "value": "Panama Beach - May2014"}, { "id": "59", "value": "Park City Utah- Vacation 2017"}, { "id": "52", "value": "RedWing vs Sharks Jan2017"}, { "id": "27", "value": "Relocation to Galena Sep2015"}, { "id": "11", "value": "Relocation to NV- Jun2014"}, { "id": "74", "value": "Rogue crash"}, { "id": "71", "value": "Seattle 2017-Sep"}, { "id": "55", "value": "Snow Storms-Jan2017"}, { "id": "64", "value": "Solar Eclipse 2017-08"}, { "id": "12", "value": "Tahoe Donner- 4Jul2014"}, { "id": "32", "value": "tbd"}, { "id": "62", "value": "Todd/Madison trip 2017-07"}];
    break;
    }
    return availableTags;

    } // end of GetAvailableTags()

    </script>

    <style>
    table { border: 3px solid red; }
    th, td {border: 1px solid black; }
    </style>

    </head>

    <body>

    <h1> LifeLine Outreach Public Charity</div></h1> <br />

    <table id='MbbDwTable'>
    <tbody>
    <tr id='12669'>
    <td class='userInput' name='TransactionID' >
    <div id='TransactionIDDiv'>
    <input type='text' value='10303'>
    </div> </td>
    <td class='userInput AutoComplete' name='TransTypeId' style='display: block' >
    <div id='TransTypeIdDiv'>
    <label for='TransTypeId' > </label>
    <input id='TransTypeId' value='09-GeneralExpenses:Software'>
    </div>
    </td>
    <td class='userInput AutoComplete' name='ProjectID' style='display: block' >
    <div id='ProjectIDDiv' class='ui-front'>
    <!-- By default the autocomplete dropdown is appended to the web page <body>
    The ui-front class causes the autocomplete dropdown to be appended to this div
    Using ui-front has no material effect in Chrome or Firefox
    but might be useful for the microsoft browser work-around
    -->
    <label for='ProjectID' > </label>
    <input id='ProjectID' value='tbd' >
    </div>
    </td>
    </tr>
    </tbody>
    </table>

    </body>

    </html>









    share|improve this question



























      0












      0








      0








      We're doing some pro-bono work for a public charity.



      Here's a great mind-twister for technologists who may be relaxing during the 2018 Thanksgiving holiday weekend. The attached html works for Chrome and Firefox but not Microsoft Edge or Internet Explorer.



      In essence, we need to get the parent div of an autocomplete whenever the end user changes the autocomplete`s value.



      This is a static html file that you can run on your pc.
      (1) Display the debugging console
      (2) Change the 3 tags one at a time and
      (3) the code is documented to explain the problem



      RSVP is you see a solution.



      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
      <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <script src='https://code.jquery.com/jquery-1.12.4.js'> </script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

      <script>

      $(document).ready(function () {

      RegisterAutoCompleteHandlers();

      $('#MbbDwTable').find('input').on('change', function () {
      EndUserChangedDataValue(this);
      });
      $('#MbbDwTable').on('autocompletechange', function (event, ui) {
      EndUserChangedDataValue(ui);
      });

      alert('$(document).ready() successful - Jesus Reigns rn' );

      }); // end of ready()

      function IsMicrosoftBrowser()
      {
      var isIE = /*@cc_on!@*/false || !!document.documentMode; // Internet Explorer 6-11
      var isEdge = !isIE && !!window.StyleMedia; // Edge 20+
      if ( isEdge || isIE )
      return true;
      else
      return false;
      }

      function RegisterAutoCompleteHandlers()
      {
      $('table tbody tr').find('td.AutoComplete input').each(function (index) {
      var trID = $(this).closest('tr').attr('id');
      var acID = $(this).attr('id');
      const tags = GetAvailableTags(acID);
      $(this).autocomplete({source: tags});
      var x = 1;
      });
      }

      function EndUserChangedDataValue(inputField) {

      //setTimeout(function () {

      /*********************************************
      * This gets the parent <div> for
      * standard <input> tags.
      * However, for <input> tags within a jquery <autocomplete> this
      * -- works just fine in Chrome & Firefox
      * -- but returns "undefined" in I.E. and Edge
      **********************************************/
      var parent = $(inputField).parents('div').attr('id');

      if (typeof parent == 'undefined') {

      if ( IsMicrosoftBrowser() )
      {
      console.log( 'need a microsoft workaround !?!?!?' );
      }

      // for <autocomplete> tags in ALL browsers,
      // EndUserChangedDataValue() is erroneously
      // called a 2nd time; this if() causes the 2nd call
      // to be ignored
      return;
      }
      else
      {
      console.log( 'EndUserChangedDataValue() success on 1st try: ' + parent)
      }
      //}, 10);

      console.log( 'EndUserChangedDataValue() ending ' + parent)
      }


      function GetAvailableTags( name ) // for AutoCompletes
      {
      var availableTags;
      switch ( name) {
      case 'TransTypeId':
      availableTags = [ { "id": "-1", "value": "<tbd>"}, { "id": "1", "value": "01-Charity"}, { "id": "2", "value": "01-Charity:Hosanna Church"}, { "id": "3", "value": "01-Charity:LLO"}, { "id": "4", "value": "01-Charity:MFC"}, { "id": "104", "value": "01-Charity:Needy People"}, { "id": "5", "value": "01-Charity:other"}, { "id": "6", "value": "01-Charity:Rock of SW Church"}, { "id": "7", "value": "02-Biz"}, { "id": "110", "value": "02-Biz:1099 Salaries"}, { "id": "8", "value": "02-Biz:Biz Tax"}, { "id": "113", "value": "02-Biz:Employment Expense"}, { "id": "9", "value": "02-Biz:Event Ins"}, { "id": "117", "value": "02-Biz:Federal Income Tax"}, { "id": "127", "value": "02-Biz:InternetFees-WebHosting-DomainNames"}, { "id": "10", "value": "02-Biz:ISP-WebHosting-DomainNames"}, { "id": "11", "value": "02-Biz:Jewelry & Church Envelops"}, { "id": "103", "value": "02-Biz:Office Rent"}, { "id": "129", "value": "02-Biz:Outreach Products"}, { "id": "13", "value": "02-Biz:Telecomm-phone"}, { "id": "100", "value": "02-Biz:to be Reimbursed"}, { "id": "14", "value": "03-Shelter"}, { "id": "15", "value": "03-Shelter:Cleaniing-Yard Work"}, { "id": "16", "value": "03-Shelter:Home Repair-Improvement"}, { "id": "17", "value": "03-Shelter:Moving - Relocation"}, { "id": "18", "value": "03-Shelter:Real Estate Rent"}, { "id": "112", "value": "03-Shelter:Tenant Insurance"}, { "id": "19", "value": "03-Shelter:Util"}, { "id": "20", "value": "03-Shelter:Util:ECUA"}, { "id": "21", "value": "03-Shelter:Util:Electicity"}, { "id": "22", "value": "03-Shelter:Util:Garbage Collection"}, { "id": "24", "value": "03-Shelter:Util:Mobile/Cell Phone"}, { "id": "23", "value": "03-Shelter:Util:Natural Gas & Firewood"}, { "id": "143", "value": "03-Shelter:Util:Telecomm-Phone"}, { "id": "25", "value": "03-Shelter:Util:water"}, { "id": "26", "value": "04-Transporation"}, { "id": "27", "value": "04-Transporation:Auto Insurance"}, { "id": "28", "value": "04-Transporation:Auto License Fees"}, { "id": "29", "value": "04-Transporation:Auto Repair-Dodge Truck"}, { "id": "99", "value": "04-Transporation:Auto Repair-Rogue"}, { "id": "30", "value": "04-Transporation:Auto Repair-Spectra"}, { "id": "31", "value": "04-Transporation:Petrol"}, { "id": "107", "value": "04-Transporation:Purchase-Rogue 2016"}, { "id": "32", "value": "05-Health Care"}, { "id": "33", "value": "05-Health Care:Chiropractor-Massage"}, { "id": "34", "value": "05-Health Care:Dentist"}, { "id": "35", "value": "05-Health Care:Eye Care"}, { "id": "156", "value": "05-Health Care:Health Ins"}, { "id": "36", "value": "05-Health Care:Health Ins Premium"}, { "id": "37", "value": "05-Health Care:Medicine"}, { "id": "38", "value": "05-Health Care:Primary Medical Care"}, { "id": "39", "value": "06-Ministry"}, { "id": "40", "value": "06-Ministry:Advertising"}, { "id": "106", "value": "06-Ministry:banquets/luncheons"}, { "id": "41", "value": "06-Ministry:Bldg Rental"}, { "id": "162", "value": "06-Ministry:Book Table"}, { "id": "42", "value": "06-Ministry:Book Table Expense"}, { "id": "43", "value": "06-Ministry:Humanitarian Outreach"}, { "id": "44", "value": "06-Ministry:Music"}, { "id": "45", "value": "06-Ministry:Preaching"}, { "id": "46", "value": "06-Ministry:Shipping"}, { "id": "47", "value": "06-Ministry:stipend 1099"}, { "id": "48", "value": "06-Ministry:Training"}, { "id": "49", "value": "06-Ministry:warehouse-storage"}, { "id": "50", "value": "07-Gifts"}, { "id": "51", "value": "07-Gifts:to Others"}, { "id": "52", "value": "09-GeneralExpenses"}, { "id": "53", "value": "09-GeneralExpenses:Beauty Services & Supplies"}, { "id": "54", "value": "09-GeneralExpenses:Clothing"}, { "id": "55", "value": "09-GeneralExpenses:Decorations"}, { "id": "115", "value": "09-GeneralExpenses:Dry Cleaning"}, { "id": "56", "value": "09-GeneralExpenses:Education-Career"}, { "id": "57", "value": "09-GeneralExpenses:Electronic Equipment"}, { "id": "58", "value": "09-GeneralExpenses:Entertainment-Movies-etc"}, { "id": "179", "value": "09-GeneralExpenses:Food-Groceries-MiscSupplies"}, { "id": "60", "value": "09-GeneralExpenses:Furniture-Bedding"}, { "id": "59", "value": "09-GeneralExpenses:Groceries / Misc Supplies"}, { "id": "61", "value": "09-GeneralExpenses:Gym Membership"}, { "id": "62", "value": "09-GeneralExpenses:Home Appliances-large"}, { "id": "63", "value": "09-GeneralExpenses:Home Appliances-small"}, { "id": "64", "value": "09-GeneralExpenses:Jewelry-Flowers"}, { "id": "65", "value": "09-GeneralExpenses:Legal Fees"}, { "id": "66", "value": "09-GeneralExpenses:Office Supplies"}, { "id": "67", "value": "09-GeneralExpenses:Outdoor-Sports-Exercise Equip"}, { "id": "68", "value": "09-GeneralExpenses:pets"}, { "id": "69", "value": "09-GeneralExpenses:Postage-Fax"}, { "id": "70", "value": "09-GeneralExpenses:Printing"}, { "id": "71", "value": "09-GeneralExpenses:Restaurants-Dining"}, { "id": "72", "value": "09-GeneralExpenses:Restaurants-FastFood"}, { "id": "73", "value": "09-GeneralExpenses:Software"}, { "id": "114", "value": "09-GeneralExpenses:storage-packing supplies"}, { "id": "74", "value": "09-GeneralExpenses:Tools"}, { "id": "75", "value": "10-Financial"}, { "id": "76", "value": "10-Financial:Bank Fees"}, { "id": "77", "value": "10-Financial:Interest Expense"}, { "id": "78", "value": "11-Travel"}, { "id": "79", "value": "11-Travel:Air-Train-Ferry"}, { "id": "80", "value": "11-Travel:Car Rental & Taxi"}, { "id": "81", "value": "11-Travel:Lodging"}, { "id": "111", "value": "11-Travel:Luggage/supplies"}, { "id": "82", "value": "11-Travel:Parking-BaggageCarts-Cargo"}, { "id": "83", "value": "12-Insurance"}, { "id": "84", "value": "12-Insurance:Life Insurance"}, { "id": "85", "value": "13-Relocation"}, { "id": "86", "value": "Income"}, { "id": "87", "value": "Income:Adhoc"}, { "id": "88", "value": "Income:Conrad-Mis2000 Salary"}, { "id": "89", "value": "Income:Donations"}, { "id": "101", "value": "Income:Eagle Creek"}, { "id": "90", "value": "Income:Interest and Dividends"}, { "id": "116", "value": "Income:KSS-Allied-TX"}, { "id": "91", "value": "Income:LifeLine Hosting"}, { "id": "92", "value": "Income:Ministry Sales"}, { "id": "93", "value": "Income:State Of NV"}, { "id": "108", "value": "Income:Unemployment Ins"}, { "id": "95", "value": "Not Sure"}, { "id": "96", "value": "Taxes"}, { "id": "97", "value": "Taxes:Biz Tax"}, { "id": "102", "value": "To Be Reimbursed"}, { "id": "98", "value": "Xfer of Funds"}];
      break;
      case 'ProjectID':
      availableTags = [ { "id": "91", "value": "2018-02 detox voodoo/witch-doctor diet"}, { "id": "94", "value": "2018-07 Move to Infinity-Triangle"}, { "id": "95", "value": "2018-08 FCD Training Maria"}, { "id": "30", "value": "2nd wedding anniversary"}, { "id": "135", "value": "bed frame Feb 2016"}, { "id": "35", "value": "bed frame Feb 2016"}, { "id": "67", "value": "Cough- Conrad 2017"}, { "id": "141", "value": "Evaporative Cooler May 2016"}, { "id": "41", "value": "Evaporative Cooler May 2016"}, { "id": "50", "value": "Girwood/Seatle Nov2016"}, { "id": "46", "value": "Honeymoon 2016 sep 2016"}, { "id": "72", "value": "Honeymoon 2017 sep"}, { "id": "155", "value": "Honeymoon 2018 -- Seguin TX"}, { "id": "6", "value": "Honeymoon-Feb2014"}, { "id": "25", "value": "Jewelry Biz"}, { "id": "45", "value": "Kidney Stone - Conad Aug 2016"}, { "id": "13", "value": "Kirkwood CA mini-vacation - Jul2014"}, { "id": "1", "value": "LLO 2014-01 -Turlock Jan2014"}, { "id": "10", "value": "LLO 2014-01 Stockton"}, { "id": "7", "value": "LLO 2014-02 -Dallas-Feb2014"}, { "id": "4", "value": "LLO 2014-03 AK-March2014"}, { "id": "18", "value": "LLO 2014-10 -Angoon Oct2014"}, { "id": "17", "value": "LLO 2014-10 -Turlock Oct2014"}, { "id": "16", "value": "LLO 2014-10 Stockton"}, { "id": "19", "value": "LLO 2015-01 -Anchorage/Moravian Jan2015"}, { "id": "21", "value": "LLO 2015-02 Turlock"}, { "id": "20", "value": "LLO 2015-04 -Nome Apr2015"}, { "id": "23", "value": "LLO 2015-04 -PNS Apostolic Women"}, { "id": "24", "value": "LLO 2015-05 Stockton CA"}, { "id": "22", "value": "LLO 2015-06 RenoBlessing"}, { "id": "26", "value": "LLO 2015-10 Alaska"}, { "id": "29", "value": "LLO 2015-11 -Turlock Nov2015"}, { "id": "28", "value": "LLO 2015-12 MFC"}, { "id": "34", "value": "LLO 2016-01 -Turlock Jan2016"}, { "id": "33", "value": "LLO 2016-02 Alaska"}, { "id": "36", "value": "LLO 2016-03 -Anchorage Mar2016"}, { "id": "31", "value": "LLO 2016-04 -Apostolic Women Apr 2016"}, { "id": "37", "value": "LLO 2016-04 -CRIT Indian Nation Apr2016"}, { "id": "39", "value": "LLO 2016-06 -ANC/Barrow"}, { "id": "43", "value": "LLO 2016-06 -Voice in Wilderness Jun-2016"}, { "id": "40", "value": "LLO 2016-10 -AK-Oct 2016 ANC & Fairbanks"}, { "id": "49", "value": "LLO 2016-11 AK-Nov 2016 ANC"}, { "id": "42", "value": "LLO 2016-11 -Savoonga-Ncv 2016"}, { "id": "48", "value": "LLO 2016-11 MFC"}, { "id": "47", "value": "LLO 2016-11 Turlock Sep2016"}, { "id": "53", "value": "LLO 2016-12 MFC"}, { "id": "54", "value": "LLO 2017-01 ANC/Kotz/et al."}, { "id": "56", "value": "LLO 2017-03 FCD Training"}, { "id": "51", "value": "LLO 2017-03 Women Conf Mar2017 ANC"}, { "id": "58", "value": "LLO 2017-04 MFC Womens Conference"}, { "id": "57", "value": "LLO 2017-04 Parker AZ"}, { "id": "61", "value": "LLO 2017-05 turlock"}, { "id": "63", "value": "LLO 2017-06 MFC FCD"}, { "id": "69", "value": "LLO 2017-09 scouting trip and Barrow"}, { "id": "73", "value": "LLO 2017-09 Turlock Sep2017"}, { "id": "68", "value": "LLO 2017-10 Moravian-ANC, Kodiak Frbnks, Venetie"}, { "id": "75", "value": "LLO 2017-11 Beauty for Ashes Training"}, { "id": "60", "value": "LLO 2017-11 Kivalina Blessing"}, { "id": "70", "value": "LLO 2017-11 MFC Anchorage"}, { "id": "81", "value": "LLO 2017-11 Perkins Family"}, { "id": "79", "value": "LLO 2017-12 MFC Foresight Training"}, { "id": "76", "value": "LLO 2017-12 MFC Training"}, { "id": "77", "value": "LLO 2018-01 ANC/Kotzebue"}, { "id": "80", "value": "LLO 2018-01 Gambell"}, { "id": "82", "value": "LLO 2018-01 Turlock CA"}, { "id": "78", "value": "LLO 2018-02 Fairbanks"}, { "id": "84", "value": "LLO 2018-02 Micron"}, { "id": "83", "value": "LLO 2018-02 Turlock CA"}, { "id": "86", "value": "LLO 2018-03 Anchorage"}, { "id": "85", "value": "LLO 2018-03 FCD Training Conrad"}, { "id": "88", "value": "LLO 2018-04 CRIT Reservation"}, { "id": "90", "value": "LLO 2018-04 MFC Wonder Working Women"}, { "id": "92", "value": "LLO 2018-08 Blythe/WhiteRiver"}, { "id": "96", "value": "LLO 2018-09 Turlock CA"}, { "id": "98", "value": "LLO 2018-10 Anchorage/Cordova"}, { "id": "97", "value": "LLO 2018-10 Fairbanks"}, { "id": "100", "value": "LLO 2018-11 Barrow/Anchorage"}, { "id": "156", "value": "LLO 2018-11 Winterhaven CA"}, { "id": "99", "value": "LLO 2018-11 Yuma CA"}, { "id": "2", "value": "LLO Book Table"}, { "id": "110", "value": "LLO Stockton- Jun2014"}, { "id": "116", "value": "LLO Stockton- Oct2014"}, { "id": "133", "value": "LLO- AK Feb2016"}, { "id": "126", "value": "LLO- AK Oct2015"}, { "id": "3", "value": "LLO- Amazon/Ministry Sales"}, { "id": "153", "value": "LLO- MFC Dec 2016"}, { "id": "148", "value": "LLO- MFC Nov 2016"}, { "id": "128", "value": "LLO- PNS/MFC Dec2015"}, { "id": "122", "value": "LLO- RenoBlessing Jun2015"}, { "id": "124", "value": "LLO- Stockton CA May2015"}, { "id": "121", "value": "LLO- Turlock Feb2015"}, { "id": "147", "value": "LLO- Turlock Sep2016"}, { "id": "151", "value": "LLO- Women Conf Mar2017 ANC"}, { "id": "38", "value": "LLO- Your Unseen Enemy Revealed"}, { "id": "139", "value": "LLO-AK-June2016"}, { "id": "104", "value": "LLO-AK-March2014"}, { "id": "149", "value": "LLO-AK-Nov 2016 ANC"}, { "id": "140", "value": "LLO-AK-Oct 2016 ANC & Fairbanks"}, { "id": "136", "value": "LLO-Anchorage Mar2016"}, { "id": "119", "value": "LLO-Anchorage/Moravian Jan2015"}, { "id": "118", "value": "LLO-Angoon Oct2014"}, { "id": "131", "value": "LLO-Apostolic Women Apr 2016"}, { "id": "137", "value": "LLO-CRIT Indian Nation Apr2016"}, { "id": "107", "value": "LLO-Dallas-Feb2014"}, { "id": "120", "value": "LLO-Nome Apr2015"}, { "id": "123", "value": "LLO-PNS Apostolic Women"}, { "id": "142", "value": "LLO-Savoonga-Ncv 2016"}, { "id": "101", "value": "LLO-Turlock Jan2014"}, { "id": "134", "value": "LLO-Turlock Jan2016"}, { "id": "129", "value": "LLO-Turlock Nov2015"}, { "id": "117", "value": "LLO-Turlock Oct2014"}, { "id": "143", "value": "LLO-Voice in Wilderness Jun-2016"}, { "id": "15", "value": "Mammoth Lakes CA mini-vacation - Sep2014"}, { "id": "87", "value": "Maria Detox Feb-2018"}, { "id": "44", "value": "Maria Trip- Bothel WA Aug 2016"}, { "id": "66", "value": "Maria twins"}, { "id": "8", "value": "MbbDw-Feb2014"}, { "id": "5", "value": "MbbDw-Jan2014"}, { "id": "14", "value": "medical stupidity - Sep 2014"}, { "id": "89", "value": "Move to Texas 2018-04"}, { "id": "65", "value": "New tooth - Conrad - 2017"}, { "id": "9", "value": "Panama Beach - May2014"}, { "id": "59", "value": "Park City Utah- Vacation 2017"}, { "id": "52", "value": "RedWing vs Sharks Jan2017"}, { "id": "27", "value": "Relocation to Galena Sep2015"}, { "id": "11", "value": "Relocation to NV- Jun2014"}, { "id": "74", "value": "Rogue crash"}, { "id": "71", "value": "Seattle 2017-Sep"}, { "id": "55", "value": "Snow Storms-Jan2017"}, { "id": "64", "value": "Solar Eclipse 2017-08"}, { "id": "12", "value": "Tahoe Donner- 4Jul2014"}, { "id": "32", "value": "tbd"}, { "id": "62", "value": "Todd/Madison trip 2017-07"}];
      break;
      }
      return availableTags;

      } // end of GetAvailableTags()

      </script>

      <style>
      table { border: 3px solid red; }
      th, td {border: 1px solid black; }
      </style>

      </head>

      <body>

      <h1> LifeLine Outreach Public Charity</div></h1> <br />

      <table id='MbbDwTable'>
      <tbody>
      <tr id='12669'>
      <td class='userInput' name='TransactionID' >
      <div id='TransactionIDDiv'>
      <input type='text' value='10303'>
      </div> </td>
      <td class='userInput AutoComplete' name='TransTypeId' style='display: block' >
      <div id='TransTypeIdDiv'>
      <label for='TransTypeId' > </label>
      <input id='TransTypeId' value='09-GeneralExpenses:Software'>
      </div>
      </td>
      <td class='userInput AutoComplete' name='ProjectID' style='display: block' >
      <div id='ProjectIDDiv' class='ui-front'>
      <!-- By default the autocomplete dropdown is appended to the web page <body>
      The ui-front class causes the autocomplete dropdown to be appended to this div
      Using ui-front has no material effect in Chrome or Firefox
      but might be useful for the microsoft browser work-around
      -->
      <label for='ProjectID' > </label>
      <input id='ProjectID' value='tbd' >
      </div>
      </td>
      </tr>
      </tbody>
      </table>

      </body>

      </html>









      share|improve this question
















      We're doing some pro-bono work for a public charity.



      Here's a great mind-twister for technologists who may be relaxing during the 2018 Thanksgiving holiday weekend. The attached html works for Chrome and Firefox but not Microsoft Edge or Internet Explorer.



      In essence, we need to get the parent div of an autocomplete whenever the end user changes the autocomplete`s value.



      This is a static html file that you can run on your pc.
      (1) Display the debugging console
      (2) Change the 3 tags one at a time and
      (3) the code is documented to explain the problem



      RSVP is you see a solution.



      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
      <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <script src='https://code.jquery.com/jquery-1.12.4.js'> </script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

      <script>

      $(document).ready(function () {

      RegisterAutoCompleteHandlers();

      $('#MbbDwTable').find('input').on('change', function () {
      EndUserChangedDataValue(this);
      });
      $('#MbbDwTable').on('autocompletechange', function (event, ui) {
      EndUserChangedDataValue(ui);
      });

      alert('$(document).ready() successful - Jesus Reigns rn' );

      }); // end of ready()

      function IsMicrosoftBrowser()
      {
      var isIE = /*@cc_on!@*/false || !!document.documentMode; // Internet Explorer 6-11
      var isEdge = !isIE && !!window.StyleMedia; // Edge 20+
      if ( isEdge || isIE )
      return true;
      else
      return false;
      }

      function RegisterAutoCompleteHandlers()
      {
      $('table tbody tr').find('td.AutoComplete input').each(function (index) {
      var trID = $(this).closest('tr').attr('id');
      var acID = $(this).attr('id');
      const tags = GetAvailableTags(acID);
      $(this).autocomplete({source: tags});
      var x = 1;
      });
      }

      function EndUserChangedDataValue(inputField) {

      //setTimeout(function () {

      /*********************************************
      * This gets the parent <div> for
      * standard <input> tags.
      * However, for <input> tags within a jquery <autocomplete> this
      * -- works just fine in Chrome & Firefox
      * -- but returns "undefined" in I.E. and Edge
      **********************************************/
      var parent = $(inputField).parents('div').attr('id');

      if (typeof parent == 'undefined') {

      if ( IsMicrosoftBrowser() )
      {
      console.log( 'need a microsoft workaround !?!?!?' );
      }

      // for <autocomplete> tags in ALL browsers,
      // EndUserChangedDataValue() is erroneously
      // called a 2nd time; this if() causes the 2nd call
      // to be ignored
      return;
      }
      else
      {
      console.log( 'EndUserChangedDataValue() success on 1st try: ' + parent)
      }
      //}, 10);

      console.log( 'EndUserChangedDataValue() ending ' + parent)
      }


      function GetAvailableTags( name ) // for AutoCompletes
      {
      var availableTags;
      switch ( name) {
      case 'TransTypeId':
      availableTags = [ { "id": "-1", "value": "<tbd>"}, { "id": "1", "value": "01-Charity"}, { "id": "2", "value": "01-Charity:Hosanna Church"}, { "id": "3", "value": "01-Charity:LLO"}, { "id": "4", "value": "01-Charity:MFC"}, { "id": "104", "value": "01-Charity:Needy People"}, { "id": "5", "value": "01-Charity:other"}, { "id": "6", "value": "01-Charity:Rock of SW Church"}, { "id": "7", "value": "02-Biz"}, { "id": "110", "value": "02-Biz:1099 Salaries"}, { "id": "8", "value": "02-Biz:Biz Tax"}, { "id": "113", "value": "02-Biz:Employment Expense"}, { "id": "9", "value": "02-Biz:Event Ins"}, { "id": "117", "value": "02-Biz:Federal Income Tax"}, { "id": "127", "value": "02-Biz:InternetFees-WebHosting-DomainNames"}, { "id": "10", "value": "02-Biz:ISP-WebHosting-DomainNames"}, { "id": "11", "value": "02-Biz:Jewelry & Church Envelops"}, { "id": "103", "value": "02-Biz:Office Rent"}, { "id": "129", "value": "02-Biz:Outreach Products"}, { "id": "13", "value": "02-Biz:Telecomm-phone"}, { "id": "100", "value": "02-Biz:to be Reimbursed"}, { "id": "14", "value": "03-Shelter"}, { "id": "15", "value": "03-Shelter:Cleaniing-Yard Work"}, { "id": "16", "value": "03-Shelter:Home Repair-Improvement"}, { "id": "17", "value": "03-Shelter:Moving - Relocation"}, { "id": "18", "value": "03-Shelter:Real Estate Rent"}, { "id": "112", "value": "03-Shelter:Tenant Insurance"}, { "id": "19", "value": "03-Shelter:Util"}, { "id": "20", "value": "03-Shelter:Util:ECUA"}, { "id": "21", "value": "03-Shelter:Util:Electicity"}, { "id": "22", "value": "03-Shelter:Util:Garbage Collection"}, { "id": "24", "value": "03-Shelter:Util:Mobile/Cell Phone"}, { "id": "23", "value": "03-Shelter:Util:Natural Gas & Firewood"}, { "id": "143", "value": "03-Shelter:Util:Telecomm-Phone"}, { "id": "25", "value": "03-Shelter:Util:water"}, { "id": "26", "value": "04-Transporation"}, { "id": "27", "value": "04-Transporation:Auto Insurance"}, { "id": "28", "value": "04-Transporation:Auto License Fees"}, { "id": "29", "value": "04-Transporation:Auto Repair-Dodge Truck"}, { "id": "99", "value": "04-Transporation:Auto Repair-Rogue"}, { "id": "30", "value": "04-Transporation:Auto Repair-Spectra"}, { "id": "31", "value": "04-Transporation:Petrol"}, { "id": "107", "value": "04-Transporation:Purchase-Rogue 2016"}, { "id": "32", "value": "05-Health Care"}, { "id": "33", "value": "05-Health Care:Chiropractor-Massage"}, { "id": "34", "value": "05-Health Care:Dentist"}, { "id": "35", "value": "05-Health Care:Eye Care"}, { "id": "156", "value": "05-Health Care:Health Ins"}, { "id": "36", "value": "05-Health Care:Health Ins Premium"}, { "id": "37", "value": "05-Health Care:Medicine"}, { "id": "38", "value": "05-Health Care:Primary Medical Care"}, { "id": "39", "value": "06-Ministry"}, { "id": "40", "value": "06-Ministry:Advertising"}, { "id": "106", "value": "06-Ministry:banquets/luncheons"}, { "id": "41", "value": "06-Ministry:Bldg Rental"}, { "id": "162", "value": "06-Ministry:Book Table"}, { "id": "42", "value": "06-Ministry:Book Table Expense"}, { "id": "43", "value": "06-Ministry:Humanitarian Outreach"}, { "id": "44", "value": "06-Ministry:Music"}, { "id": "45", "value": "06-Ministry:Preaching"}, { "id": "46", "value": "06-Ministry:Shipping"}, { "id": "47", "value": "06-Ministry:stipend 1099"}, { "id": "48", "value": "06-Ministry:Training"}, { "id": "49", "value": "06-Ministry:warehouse-storage"}, { "id": "50", "value": "07-Gifts"}, { "id": "51", "value": "07-Gifts:to Others"}, { "id": "52", "value": "09-GeneralExpenses"}, { "id": "53", "value": "09-GeneralExpenses:Beauty Services & Supplies"}, { "id": "54", "value": "09-GeneralExpenses:Clothing"}, { "id": "55", "value": "09-GeneralExpenses:Decorations"}, { "id": "115", "value": "09-GeneralExpenses:Dry Cleaning"}, { "id": "56", "value": "09-GeneralExpenses:Education-Career"}, { "id": "57", "value": "09-GeneralExpenses:Electronic Equipment"}, { "id": "58", "value": "09-GeneralExpenses:Entertainment-Movies-etc"}, { "id": "179", "value": "09-GeneralExpenses:Food-Groceries-MiscSupplies"}, { "id": "60", "value": "09-GeneralExpenses:Furniture-Bedding"}, { "id": "59", "value": "09-GeneralExpenses:Groceries / Misc Supplies"}, { "id": "61", "value": "09-GeneralExpenses:Gym Membership"}, { "id": "62", "value": "09-GeneralExpenses:Home Appliances-large"}, { "id": "63", "value": "09-GeneralExpenses:Home Appliances-small"}, { "id": "64", "value": "09-GeneralExpenses:Jewelry-Flowers"}, { "id": "65", "value": "09-GeneralExpenses:Legal Fees"}, { "id": "66", "value": "09-GeneralExpenses:Office Supplies"}, { "id": "67", "value": "09-GeneralExpenses:Outdoor-Sports-Exercise Equip"}, { "id": "68", "value": "09-GeneralExpenses:pets"}, { "id": "69", "value": "09-GeneralExpenses:Postage-Fax"}, { "id": "70", "value": "09-GeneralExpenses:Printing"}, { "id": "71", "value": "09-GeneralExpenses:Restaurants-Dining"}, { "id": "72", "value": "09-GeneralExpenses:Restaurants-FastFood"}, { "id": "73", "value": "09-GeneralExpenses:Software"}, { "id": "114", "value": "09-GeneralExpenses:storage-packing supplies"}, { "id": "74", "value": "09-GeneralExpenses:Tools"}, { "id": "75", "value": "10-Financial"}, { "id": "76", "value": "10-Financial:Bank Fees"}, { "id": "77", "value": "10-Financial:Interest Expense"}, { "id": "78", "value": "11-Travel"}, { "id": "79", "value": "11-Travel:Air-Train-Ferry"}, { "id": "80", "value": "11-Travel:Car Rental & Taxi"}, { "id": "81", "value": "11-Travel:Lodging"}, { "id": "111", "value": "11-Travel:Luggage/supplies"}, { "id": "82", "value": "11-Travel:Parking-BaggageCarts-Cargo"}, { "id": "83", "value": "12-Insurance"}, { "id": "84", "value": "12-Insurance:Life Insurance"}, { "id": "85", "value": "13-Relocation"}, { "id": "86", "value": "Income"}, { "id": "87", "value": "Income:Adhoc"}, { "id": "88", "value": "Income:Conrad-Mis2000 Salary"}, { "id": "89", "value": "Income:Donations"}, { "id": "101", "value": "Income:Eagle Creek"}, { "id": "90", "value": "Income:Interest and Dividends"}, { "id": "116", "value": "Income:KSS-Allied-TX"}, { "id": "91", "value": "Income:LifeLine Hosting"}, { "id": "92", "value": "Income:Ministry Sales"}, { "id": "93", "value": "Income:State Of NV"}, { "id": "108", "value": "Income:Unemployment Ins"}, { "id": "95", "value": "Not Sure"}, { "id": "96", "value": "Taxes"}, { "id": "97", "value": "Taxes:Biz Tax"}, { "id": "102", "value": "To Be Reimbursed"}, { "id": "98", "value": "Xfer of Funds"}];
      break;
      case 'ProjectID':
      availableTags = [ { "id": "91", "value": "2018-02 detox voodoo/witch-doctor diet"}, { "id": "94", "value": "2018-07 Move to Infinity-Triangle"}, { "id": "95", "value": "2018-08 FCD Training Maria"}, { "id": "30", "value": "2nd wedding anniversary"}, { "id": "135", "value": "bed frame Feb 2016"}, { "id": "35", "value": "bed frame Feb 2016"}, { "id": "67", "value": "Cough- Conrad 2017"}, { "id": "141", "value": "Evaporative Cooler May 2016"}, { "id": "41", "value": "Evaporative Cooler May 2016"}, { "id": "50", "value": "Girwood/Seatle Nov2016"}, { "id": "46", "value": "Honeymoon 2016 sep 2016"}, { "id": "72", "value": "Honeymoon 2017 sep"}, { "id": "155", "value": "Honeymoon 2018 -- Seguin TX"}, { "id": "6", "value": "Honeymoon-Feb2014"}, { "id": "25", "value": "Jewelry Biz"}, { "id": "45", "value": "Kidney Stone - Conad Aug 2016"}, { "id": "13", "value": "Kirkwood CA mini-vacation - Jul2014"}, { "id": "1", "value": "LLO 2014-01 -Turlock Jan2014"}, { "id": "10", "value": "LLO 2014-01 Stockton"}, { "id": "7", "value": "LLO 2014-02 -Dallas-Feb2014"}, { "id": "4", "value": "LLO 2014-03 AK-March2014"}, { "id": "18", "value": "LLO 2014-10 -Angoon Oct2014"}, { "id": "17", "value": "LLO 2014-10 -Turlock Oct2014"}, { "id": "16", "value": "LLO 2014-10 Stockton"}, { "id": "19", "value": "LLO 2015-01 -Anchorage/Moravian Jan2015"}, { "id": "21", "value": "LLO 2015-02 Turlock"}, { "id": "20", "value": "LLO 2015-04 -Nome Apr2015"}, { "id": "23", "value": "LLO 2015-04 -PNS Apostolic Women"}, { "id": "24", "value": "LLO 2015-05 Stockton CA"}, { "id": "22", "value": "LLO 2015-06 RenoBlessing"}, { "id": "26", "value": "LLO 2015-10 Alaska"}, { "id": "29", "value": "LLO 2015-11 -Turlock Nov2015"}, { "id": "28", "value": "LLO 2015-12 MFC"}, { "id": "34", "value": "LLO 2016-01 -Turlock Jan2016"}, { "id": "33", "value": "LLO 2016-02 Alaska"}, { "id": "36", "value": "LLO 2016-03 -Anchorage Mar2016"}, { "id": "31", "value": "LLO 2016-04 -Apostolic Women Apr 2016"}, { "id": "37", "value": "LLO 2016-04 -CRIT Indian Nation Apr2016"}, { "id": "39", "value": "LLO 2016-06 -ANC/Barrow"}, { "id": "43", "value": "LLO 2016-06 -Voice in Wilderness Jun-2016"}, { "id": "40", "value": "LLO 2016-10 -AK-Oct 2016 ANC & Fairbanks"}, { "id": "49", "value": "LLO 2016-11 AK-Nov 2016 ANC"}, { "id": "42", "value": "LLO 2016-11 -Savoonga-Ncv 2016"}, { "id": "48", "value": "LLO 2016-11 MFC"}, { "id": "47", "value": "LLO 2016-11 Turlock Sep2016"}, { "id": "53", "value": "LLO 2016-12 MFC"}, { "id": "54", "value": "LLO 2017-01 ANC/Kotz/et al."}, { "id": "56", "value": "LLO 2017-03 FCD Training"}, { "id": "51", "value": "LLO 2017-03 Women Conf Mar2017 ANC"}, { "id": "58", "value": "LLO 2017-04 MFC Womens Conference"}, { "id": "57", "value": "LLO 2017-04 Parker AZ"}, { "id": "61", "value": "LLO 2017-05 turlock"}, { "id": "63", "value": "LLO 2017-06 MFC FCD"}, { "id": "69", "value": "LLO 2017-09 scouting trip and Barrow"}, { "id": "73", "value": "LLO 2017-09 Turlock Sep2017"}, { "id": "68", "value": "LLO 2017-10 Moravian-ANC, Kodiak Frbnks, Venetie"}, { "id": "75", "value": "LLO 2017-11 Beauty for Ashes Training"}, { "id": "60", "value": "LLO 2017-11 Kivalina Blessing"}, { "id": "70", "value": "LLO 2017-11 MFC Anchorage"}, { "id": "81", "value": "LLO 2017-11 Perkins Family"}, { "id": "79", "value": "LLO 2017-12 MFC Foresight Training"}, { "id": "76", "value": "LLO 2017-12 MFC Training"}, { "id": "77", "value": "LLO 2018-01 ANC/Kotzebue"}, { "id": "80", "value": "LLO 2018-01 Gambell"}, { "id": "82", "value": "LLO 2018-01 Turlock CA"}, { "id": "78", "value": "LLO 2018-02 Fairbanks"}, { "id": "84", "value": "LLO 2018-02 Micron"}, { "id": "83", "value": "LLO 2018-02 Turlock CA"}, { "id": "86", "value": "LLO 2018-03 Anchorage"}, { "id": "85", "value": "LLO 2018-03 FCD Training Conrad"}, { "id": "88", "value": "LLO 2018-04 CRIT Reservation"}, { "id": "90", "value": "LLO 2018-04 MFC Wonder Working Women"}, { "id": "92", "value": "LLO 2018-08 Blythe/WhiteRiver"}, { "id": "96", "value": "LLO 2018-09 Turlock CA"}, { "id": "98", "value": "LLO 2018-10 Anchorage/Cordova"}, { "id": "97", "value": "LLO 2018-10 Fairbanks"}, { "id": "100", "value": "LLO 2018-11 Barrow/Anchorage"}, { "id": "156", "value": "LLO 2018-11 Winterhaven CA"}, { "id": "99", "value": "LLO 2018-11 Yuma CA"}, { "id": "2", "value": "LLO Book Table"}, { "id": "110", "value": "LLO Stockton- Jun2014"}, { "id": "116", "value": "LLO Stockton- Oct2014"}, { "id": "133", "value": "LLO- AK Feb2016"}, { "id": "126", "value": "LLO- AK Oct2015"}, { "id": "3", "value": "LLO- Amazon/Ministry Sales"}, { "id": "153", "value": "LLO- MFC Dec 2016"}, { "id": "148", "value": "LLO- MFC Nov 2016"}, { "id": "128", "value": "LLO- PNS/MFC Dec2015"}, { "id": "122", "value": "LLO- RenoBlessing Jun2015"}, { "id": "124", "value": "LLO- Stockton CA May2015"}, { "id": "121", "value": "LLO- Turlock Feb2015"}, { "id": "147", "value": "LLO- Turlock Sep2016"}, { "id": "151", "value": "LLO- Women Conf Mar2017 ANC"}, { "id": "38", "value": "LLO- Your Unseen Enemy Revealed"}, { "id": "139", "value": "LLO-AK-June2016"}, { "id": "104", "value": "LLO-AK-March2014"}, { "id": "149", "value": "LLO-AK-Nov 2016 ANC"}, { "id": "140", "value": "LLO-AK-Oct 2016 ANC & Fairbanks"}, { "id": "136", "value": "LLO-Anchorage Mar2016"}, { "id": "119", "value": "LLO-Anchorage/Moravian Jan2015"}, { "id": "118", "value": "LLO-Angoon Oct2014"}, { "id": "131", "value": "LLO-Apostolic Women Apr 2016"}, { "id": "137", "value": "LLO-CRIT Indian Nation Apr2016"}, { "id": "107", "value": "LLO-Dallas-Feb2014"}, { "id": "120", "value": "LLO-Nome Apr2015"}, { "id": "123", "value": "LLO-PNS Apostolic Women"}, { "id": "142", "value": "LLO-Savoonga-Ncv 2016"}, { "id": "101", "value": "LLO-Turlock Jan2014"}, { "id": "134", "value": "LLO-Turlock Jan2016"}, { "id": "129", "value": "LLO-Turlock Nov2015"}, { "id": "117", "value": "LLO-Turlock Oct2014"}, { "id": "143", "value": "LLO-Voice in Wilderness Jun-2016"}, { "id": "15", "value": "Mammoth Lakes CA mini-vacation - Sep2014"}, { "id": "87", "value": "Maria Detox Feb-2018"}, { "id": "44", "value": "Maria Trip- Bothel WA Aug 2016"}, { "id": "66", "value": "Maria twins"}, { "id": "8", "value": "MbbDw-Feb2014"}, { "id": "5", "value": "MbbDw-Jan2014"}, { "id": "14", "value": "medical stupidity - Sep 2014"}, { "id": "89", "value": "Move to Texas 2018-04"}, { "id": "65", "value": "New tooth - Conrad - 2017"}, { "id": "9", "value": "Panama Beach - May2014"}, { "id": "59", "value": "Park City Utah- Vacation 2017"}, { "id": "52", "value": "RedWing vs Sharks Jan2017"}, { "id": "27", "value": "Relocation to Galena Sep2015"}, { "id": "11", "value": "Relocation to NV- Jun2014"}, { "id": "74", "value": "Rogue crash"}, { "id": "71", "value": "Seattle 2017-Sep"}, { "id": "55", "value": "Snow Storms-Jan2017"}, { "id": "64", "value": "Solar Eclipse 2017-08"}, { "id": "12", "value": "Tahoe Donner- 4Jul2014"}, { "id": "32", "value": "tbd"}, { "id": "62", "value": "Todd/Madison trip 2017-07"}];
      break;
      }
      return availableTags;

      } // end of GetAvailableTags()

      </script>

      <style>
      table { border: 3px solid red; }
      th, td {border: 1px solid black; }
      </style>

      </head>

      <body>

      <h1> LifeLine Outreach Public Charity</div></h1> <br />

      <table id='MbbDwTable'>
      <tbody>
      <tr id='12669'>
      <td class='userInput' name='TransactionID' >
      <div id='TransactionIDDiv'>
      <input type='text' value='10303'>
      </div> </td>
      <td class='userInput AutoComplete' name='TransTypeId' style='display: block' >
      <div id='TransTypeIdDiv'>
      <label for='TransTypeId' > </label>
      <input id='TransTypeId' value='09-GeneralExpenses:Software'>
      </div>
      </td>
      <td class='userInput AutoComplete' name='ProjectID' style='display: block' >
      <div id='ProjectIDDiv' class='ui-front'>
      <!-- By default the autocomplete dropdown is appended to the web page <body>
      The ui-front class causes the autocomplete dropdown to be appended to this div
      Using ui-front has no material effect in Chrome or Firefox
      but might be useful for the microsoft browser work-around
      -->
      <label for='ProjectID' > </label>
      <input id='ProjectID' value='tbd' >
      </div>
      </td>
      </tr>
      </tbody>
      </table>

      </body>

      </html>






      jquery-ui-autocomplete






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 24 '18 at 7:24







      Conrad Krinock

















      asked Nov 23 '18 at 20:04









      Conrad KrinockConrad Krinock

      13




      13
























          0






          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53452386%2fautocomplete-get-parent-fails-for-microsoft-browsers%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53452386%2fautocomplete-get-parent-fails-for-microsoft-browsers%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          404 Error Contact Form 7 ajax form submitting

          How to know if a Active Directory user can login interactively

          TypeError: fit_transform() missing 1 required positional argument: 'X'