parentDiv.innerHTML = '';
/////////////////////////////////////////////////
var header = document.createElement('h2');
header.innerHTML = 'Select Hold Baggage Carrier';
parentDiv.appendChild(header);
/////////////////////////////////////////////////
var prefCarrier = document.createElement('div');
prefCarrier.header = document.createElement('h3');
prefCarrier.header.innerHTML = 'Selecting Your Preferred Carrier';
prefCarrier.appendChild(prefCarrier.header);
prefCarrier.hr = document.createElement('hr');
prefCarrier.appendChild(prefCarrier.hr);
prefCarrier.p = document.createElement('p');
prefCarrier.p.innerHTML = 'Preferred Carrier: ';
prefCarrier.appendChild(prefCarrier.p);
prefCarrier.dropDown = document.createElement('select');
prefCarrier.dropDown.id = 'carrier_dropdown';
prefCarrier.p.appendChild(prefCarrier.dropDown);
addOption(prefCarrier.dropDown, 'blank', '');
addOption(prefCarrier.dropDown, 'carrier_1', 'Carrier 1');
addOption(prefCarrier.dropDown, 'carrier_2', 'Carrier 2');
addOption(prefCarrier.dropDown, 'carrier_3', 'Carrier 3');
parentDiv.appendChild(prefCarrier);
/////////////////////////////////////////////////
var selectCarrier = document.createElement('div');
selectCarrier.header = document.createElement('h3');
selectCarrier.header.innerHTML = 'Selecting Your Carrier';
selectCarrier.appendChild(selectCarrier.header);
selectCarrier.hr = document.createElement('hr');
selectCarrier.appendChild(selectCarrier.hr);
parentDiv.appendChild(selectCarrier);
/////////////////////////////////////////////////
var carrierTable = document.createElement('div');
parentDiv.appendChild(carrierTable);
/////////////////////////////////////////////////
$('#carrier_dropdown').bind('change', function(){
carrierTable.innerHTML = '';
$.getJSON(this.iContext.io.rewriteURI('carrierSelect/
carrier_hb.json'), function(data){
addTable(carrierTable, 'hb_table', data);
$('.carrierSelect tbody tr').mouseover(function() {
$(this).addClass('over');
});
$('.carrierSelect tbody tr').mouseout(function() {
$(this).removeClass('over');
});
$('.carrierSelect tbody tr:even').addClass('alt');
$('.carrierSelect tbody tr').bind('click',
function(event){
$('.carrierSelect tbody
tr').removeClass('selected');
$(this).addClass('selected');
console.info(event.currentTarget.id);
});
});
});
On Mar 6, 1:09 pm, MorningZ <morni...@gmail.com> wrote:
> Well, it's for sure code related and how you wired up these
> events.....
>
> But without seeing the code, it's very difficult to help diagnose
>
> On Mar 6, 1:15 pm, Hill <hill.davi...@gmail.com> wrote:
>
> > This is probably a simple problem, but I can't seem to find the fix.
>
> > I have three getJSON events that work inside of a tab like form on a
> > page. I load the page and navigate to the first tab, each tab has its
> > own getJSON request. The first tabs getJSON does not fire and is
> > ignored. Then I move to the second or third tab and those events work
> > fine. I then move back to the first tab, then that getJSON event
> > fires.
>
> > Why would this be happening and how can I fix the problem?
>
> > Thanks,
>
> > David
