with($(div)) {
attr('id', 'addressesList');
html(addressesString);
css(listCSS);
css({
position: 'absolute',
display: 'none',
left: thiss.field.offset().left,
top: (thiss.field.offset().top + parseInt($(thiss.field).get(0).offsetHeight)) - 1,
//try to make border match border of field we're appearing under. FF can't read computed border
//on inputs, so use #777
border: 'solid 1px '+(thiss.field.css('borderColor') ? thiss.field.css('borderColor') : '#777')
});
if (mode1_appearMethod == 'slide') {
children().hide();
css('height', 0);
}
//onmouseout, wait a sec then, if no re-hover, hide
mouseout(function(e) {
if ($(e.relatedTarget).parents('#addressesList').length == 0 && !$(e.relatedTarget).is('#addressesList'))
to = setTimeout(function() {
$('#addressesList').fadeOut('normal', mode1_appearMethod == 'slide' ? function() {
$(this).children().hide();
$(this).css('height', 0);
thiss.updateLink();
} : null);
clearTimeout(to);
to = null;
}, mode1_secondsToWaitOnMouseOutBeforeHidingAddresses * 1000);
});
mouseover(function() {
try { clearTimeout(to); to = null; } catch(e) {}
});
}
//append to document and bring it in
document.body.appendChild(div);
if (mode1_appearMethod == 'slide')
$('#addressesList').animate({height: listCSS.height}, 150, null, function() {
$(this).children().fadeIn();
});
else {
with($('#addressesList')) {
css('height', listCSS.height);
fadeIn();
}
}
/* ----------------------
| Mode 2
---------------------- */
} else if (mode == 2) {
lbdialog({
content: "
"+addressesString+'
',
css: {height: listCSS.height + 70, width: listCSS.width + 30},
OKButton: {text: 'cancel'}
});
with($('#addressesList')) { css(listCSS); css(listCSS_mode2Only); }
}
/* ----------------------
| Style/give functionality to links. When one clicked, do 2nd AJAX request (get full form of clicked address).
---------------------- */
with($('#addressesList a')) {
css({display: 'block', width: '100%', padding: 6, borderBottom: 'solid 1px #bbb', textDecoration: 'none'});
live('mouseover', function() {
$(this).css({background: '#eee', textDecoration: 'underline'});
});
live('mouseout', function() {
$(this).css({background: 'none', textDecoration: 'none'});
});
live('click', function() {
var clickedAddressID = $(this).attr('id').match(/^address(.+)$/)[1];
/* ----------------------
| AJAX REQUST 2: Send address ID of clicked address out to PA's "get address by ID" WS. When parts
| returned, populate form and return lookup link to live status. If error, complain and exit.
---------------------- */
$.getJSON(
pathToPHPScript+'?by=address_id&rand='+Math.floor(Math.random()*10000),
{address_id: clickedAddressID},
function(json) {
if (json[0].Error) {
alert('Postcode lookup error:\n\n'+json[0].Cause+' '+json[0].Resolution);
return false;
}
for(var e in fieldsToDataMap) {
if ($('input[name='+e+']').length > 0)
$('input[name='+e+']').val(json[0][fieldsToDataMap[e]]);
}
mode == 1 ? $('#addressesList').fadeOut() : hidelightbox();
/* ----------------------
| Done. Return link to live status and do callback, if passed.
---------------------- */
thiss.updateLink();
if (typeof params.callback == 'function') params.callback(json);
}
)
});
}
});
}
}
return false; //don't let this click be construed by other JS as a call to do something else, e.g. submit a form
});
}
/* ----------------------
| UTILITY: Set up utility func for updating lookup link and initiate and also set up custom dialog func if one set in config
---------------------- */
palookup.prototype.updateLink = function(disabled) {
with($(this.lookupLinkOrBut)) {
text(!disabled ? defaultLinkText : waitText);
css({color: !disabled ? origLinkCol : '#888', textDecoration: 'none'});
attr('disabled', !disabled ? false : true);
};
}