' + data + '
');
var message = jQuery('div.message', retval).html();
//content needs to be set up so jquery understands it(e.g. if it's a tr, needs to be wrapped in a ' + title + '
': "";
var img = "" + img + c +"
");
preview.add(jQuery('img', preview)).width(options.width);
// wait until the image is loaded to show div so it's not empty
// but once it's loaded once, we can't use the load event anymore, so just show it since the img is cached
var img_loaded = anchor.attr('img_loaded') || false;
if (parseInt(img_loaded) !== 1)
{
jQuery('img', preview).load(
function()
{
showImagePreview(anchor, preview, options);
anchor.attr('img_loaded', '1');
});
}
else showImagePreview(anchor, preview, options);
},
function()
{
var anchor = jQuery(this);
var title = anchor.attr('t');
anchor.attr('title', title);
jQuery("#" + options.id).remove();
});
if (options.anchor === false)
{
$this.mousemove(
function(e)
{
var preview = jQuery("#" + options.id);
// TODO: add bounding so preview won't go offscreen
var top = (e.pageY - parseInt(options.yOffset));
var left = (e.pageX + parseInt(options.xOffset));
preview.css({"top": top + "px", "left": left + "px"});
});
}
// we don't want this link to open up image
if (options.disableLink === true || options.attr == 'href')
{
$this.click(
function(e)
{
e.preventDefault();
e.stopPropagation();
return false;
});
}
};
function showImagePreview(anchor, preview, options)
{
// remove any lingering popups
jQuery("#" + options.id).remove();
jQuery("body").append(preview);
var top = 0;
var left = 0;
if (options.anchor === false)
{
top = (e.pageY - parseInt(options.yOffset));
left = (e.pageX + parseInt(options.xOffset));
}
else
{
top = (parseInt(anchor.offset().top) - parseInt(options.yOffset));
left = (parseInt(anchor.offset().left));
var previewWidth = parseInt(jQuery('img', preview).css('width')) + 2;
var previewHeight = parseInt(jQuery('img', preview).height()) + 2;
var anchorWidth = anchor.width();
var wnd = jQuery(window);
var yPage = window.pageYOffset;
// // popup rests on right side of thumb, unless it'd go offscreen to right
if (left > jQuery('body').width()/2)
left = left - previewWidth - parseInt(options.xOffset);
else // then popup rests on right side of thumb
left = left + anchorWidth + parseInt(options.xOffset);
// if bottom of image below viewport, rest on bottom of viewport
if ((top + previewHeight) > (wnd.height() + yPage) && previewHeight < wnd.height())
top = yPage + wnd.height() - previewHeight - 10;
else if (previewHeight >wnd.height()) // then top of image at top of viewport
top = yPage;
}
preview.css({"top": top + "px", "left": left + "px"}).fadeIn("normal");
}
jQuery.fn.hoverIntent = function(f,g) {
// default configuration options
var cfg = {
sensitivity: 7,
interval: 100,
timeout: 0
};
// override configuration options with user supplied object
cfg = jQuery.extend(cfg, g ? {over: f, out: g} : f );
// instantiate variables
// cX, cY = current X and Y position of mouse, updated by mousemove event
// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
var cX, cY, pX, pY;
// A private function for getting mouse position
var track = function(ev) {
cX = ev.pageX;
cY = ev.pageY;
};
// A private function for comparing current and previous mouse position
var compare = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
// compare mouse positions to see if they've crossed the threshold
if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
jQuery(ob).unbind("mousemove",track);
// set hoverIntent state to true (so mouseOut can be called)
ob.hoverIntent_s = 1;
return cfg.over.apply(ob,[ev]);
} else {
// set previous coordinates for next time
pX = cX;pY = cY;
// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
}
};
// A private function for delaying the mouseOut function
var delay = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
ob.hoverIntent_s = 0;
return cfg.out.apply(ob,[ev]);
};
// A private function for handling mouse 'hovering'
var handleHover = function(e) {
// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
while ( p && p != this ) {try {p = p.parentNode;} catch(e) {p = this;}}
if ( p == this ) {return false;}
// copy objects to be passed into t (required for event object to be passed in IE)
var ev = jQuery.extend({},e);
var ob = this;
// cancel hoverIntent timer if it exists
if (ob.hoverIntent_t) {ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);}
// else e.type == "onmouseover"
if (e.type == "mouseover") {
// set "previous" X and Y position based on initial entry point
pX = ev.pageX;pY = ev.pageY;
// update "current" X and Y position based on mousemove
jQuery(ob).bind("mousemove",track);
// start polling interval (self-calling timeout) to compare mouse coordinates over time
if (ob.hoverIntent_s != 1) {ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
// else e.type == "onmouseout"
} else {
// unbind expensive mousemove event
jQuery(ob).unbind("mousemove",track);
// if hoverIntent state is true, then call the mouseOut function after the specified delay
if (ob.hoverIntent_s == 1) {ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
}
};
// bind the function to the two event listeners
return this.mouseover(handleHover).mouseout(handleHover);
};
jQuery.fn.confirm = function(msg, o)
{
if ( ! msg || msg == '')
msg = 'Are you sure?';
o = o || {};
var def_options =
{
buttons:
{
Cancel: false
, Ok: true
}
, overlayspeed:'fast'
, submit: finishClick
, promptspeed:'fast'
, show:'fadeIn'
};
var options = jQuery.extend({}, def_options, o);
var buttons = jQuery(this);
buttons.mousedown(
function(e)
{
e.preventDefault();
e.stopPropagation();
var $_this = jQuery(this); // only the button that was clicked, not the group of buttons passed to .confirm();
// add selected flag so callback can trigger it
$_this.addClass('click_flag');
jQuery.prompt(msg, options);
return false;
}
);
}
function finishClick(v,m)
{
var clicked = jQuery('.click_flag');
if (v == 'true')
{
if (clicked.is('a'))
document.location = clicked.attr('href');
else clicked.click(); // if submit button or something
}
else clicked.removeClass('click_flag');
return true;
}
jQuery.fn.clickClass = function(class_name)
{
var $this = this;
// if use mouses off before finishing click, but then goes back, keep class, use this as a placeholder
var mouseoff_class = class_name + '_mouseoff';
$this.mousedown // add when clicked
(
function()
{
jQuery(this).addClass(class_name);
jQuery('.' + class_name).removeClass(class_name);
}
).mouseup // remove when click is done
(
function()
{
jQuery('.' + class_name + ', .' + mouseoff_class).removeClass(class_name).removeClass(mouseoff_class);
}
).mouseout // or remove if use mouses off before finishing click
(
function()
{
var _$this = jQuery(this);
if(_$this.hasClass(class_name))
{
_$this.removeClass(class_name).addClass(mouseoff_class);
setTimeout("jQuery('." + mouseoff_class + "').removeClass('" + mouseoff_class + "');", 5000);
}
}
).mouseout // and add it back if use mouses back on
(
function()
{
var _$this = jQuery(this);
if (_$this.hasClass(mouseoff_class))
_$this.addClass(class_name).removeClass(mouseoff_class);
}
);
}
// validate email input, pass jquery object of input, and id of url for ajax validation
function validate_email($this, o)
{
var o = o || {};
var def_options = {
'email_url_id': 'validate_email_url'
, 'pass': function(data)
{
$this.attr('valid', '1').attr('last_email', $this.val());
$this.next('.error_message, .notice_message').hide();
jQuery('#existing_email_error').hide();
jQuery('#current_email_error').hide();
}
, 'fail': function(data)
{
$this.attr('valid', '0');
$this.siblings('.error_message').show();
jQuery('#existing_email_error').hide();
jQuery('#current_email_error').hide();
}
, 'exist': function(data)
{
$this.attr('valid', '0');
$this.next('.error_message').hide();
var error_message = jQuery('#existing_email_error');
error_message.show();
}
, 'params': {}
};
var options = jQuery.extend({}, def_options, o);
var last_email = $this.attr('last_email') || '';
var email = $this.val();
var already_valid = $this.attr('valid') == 1 || $this.attr('valid') == '1';
//console.log('last: "' + last_email + '" - current: "' + email + '" - already_valid: "' + (already_valid ? 'true' : 'false') + '"');
if (last_email.length > 0 && last_email == email && already_valid)
{
options.pass();
return;
}
var emailRegex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (email.match(emailRegex))
{
var validate_email_link = jQuery('#' + options.email_url_id)
// if for some reason we can't get url for ajax validation, let it pass, action will return dupe error
if (validate_email_link.length > 0)
var validate_email_url = validate_email_link.attr('href');
else
{
options.pass();
return;
}
var params = jQuery.extend({}, {"email": email}, options.params);
jQuery.post
(
validate_email_url
, params
, function(data)
{
var fail = (data == 0 || data == '0') || data.length == 0;
if (fail)
{
options.fail(data);
}
else if (data == 'exists')
{
options.exists(data);
}
else
{
options.pass(data);
}
}
);
}
else
{
options.fail();
return;
}
}
/*
* pass jquery object for zip input, can pass zip_url link id, return format (html|json|etc), pass/fail callbacks, and extra params
*/
function validate_zip($this, opt)
{
// post to validate_zip_url
// get return, if false, display error message
// if string, set valid_zip_location.html(ret)
var valid_zip_location = $this.siblings('.valid_zip_location');
var def_options = {
'zip_url_id': 'validate_zip_url'
, 'ajax_format': 'html'
, 'pass': function(data)
{
$this.attr('last_zip', current_zip).attr('valid', '1').siblings('.error_message').hide();
valid_zip_location.html(data).css('opacity', '1');
return;
}
, 'fail': function(data)
{
$this.attr('valid', '0').siblings('.error_message').show();
valid_zip_location.css('opacity', '.01'); // in case they change it to an invalid zip
return;
}
, 'params': {}
};
// in case nothing extra is passed
var o = opt || {};
var options = jQuery.extend({}, def_options, o);
var validate_zip_url = jQuery('#' + options.zip_url_id).attr('href');
var last_zip = $this.attr('last_zip') || '';
var current_zip = $this.val();
var already_valid = $this.attr('valid') == 1 || $this.attr('valid') == '1';
// in case they edited and put it back the same, don't validate again
if (last_zip.length > 0 && last_zip == current_zip && already_valid)
return;
// don't bother checking if zip isn't valid length
if (current_zip.length != $this.attr('maxlength'))
{
$this.attr('valid', false).next('.error_message').show();
valid_zip_location.css('opacity', '.01');
return;
}
// allow params to be passed
var params = jQuery.extend({}, {"zip": current_zip}, options.params);
jQuery.post
(
validate_zip_url
, params
, function(data, textStatus)
{
var fail = options.ajax_format == 'html'
? (data == 0 || data == '0') || data.length == 0
: data.length == 0;
if (fail)
{
options.fail(data);
}
else
{
options.pass(data);
}
}
, options.ajax_format
);
}
jQuery.fn.externalLink = function(favicon)
{
var use_favicon = favicon || false;
this
.click(
function(event)
{
event.preventDefault();
jQuery(this).blur();
window.open(jQuery(this).attr('href'));
return false;
}
);
// don't put an external icon next to an image
var links = this.filter(function(){return jQuery(this).children('img').length < 1;});
if (use_favicon)
{
links.faviconLink();
}
else links.addClass("external");
}
// use an external website's favicon as the external icon
jQuery.fn.faviconLink = function()
{
var links = this;
jQuery.each(links, function()
{
var link = this;
var hoststring = /^http:/;
var hrefvalue = link.getAttribute("href",2);
if (hrefvalue.search(hoststring) != -1)
{
var domain = hrefvalue.match(/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)/);
var domain = RegExp.$2;
var cue = document.createElement("img");
cue.className = "faviconimg";
//var cuesrc = "http://" + domain + "/favicon.ico";
var cuesrc = "http://ww.google.com/s2/favicons?domain=" + domain
cue.setAttribute("src", cuesrc);
// this should default to external gif if no favicon is found
cue.onerror = function () {
this.src = "/images/fileicons/external.gif";
}
// now append the favicon image
link.appendChild(cue);
}
});
}
jQuery.fn.offHoverDelay = function(opts)
{
var default_options = {
duration: 1000
, callback: function(){}
};
var options = jQuery.extend({}, default_options, opts);
var $this = this;
var rename_me = function()
{
options.callback();
$this.css('opacity', 1).show();
};
$this.fadeOut(options.duration, rename_me)
.hoverIntent(function(){$this.stop().animate({opacity: 1}, 200);}, function(){});
};
/**
* handle toggling of menus, use ajax to save state to session if 'update_session' passed as true
*/
jQuery.fn.handleToggle = function(update_session)
{
update_session = update_session || true;
var $this = this;
var $this_id = $this.attr('id');
var target = $this.next();
var target_id = target.attr('id');
var open_text = jQuery('span.open_text', $this);
// toggle next element and change class of trigger accordingly
$this.toggleClass('open').toggleClass('closed');
target.slideToggle(200, function(){if (open_text.length > 0) open_text.toggle();});
var ele_state = $this.hasClass('open') ? 'open' : 'closed';
// post id of element to navMemory action
// going to use a bitmask, will make this a lot simpler, where should i store the bitmask info? yaml?
if ( target_id.length > 0 && update_session === true )
jQuery.post('/nav/navMemorySet', {ele: target_id, state: ele_state});
}
/**
* create a text input with target element's text as default value
*
* cancel button destroys input and leaves original element
*
* @param regex string (used for validation input value, prompts user to fix before allowing to save)
*/
jQuery.fn.inlineEdit = function(regex)
{
// creates a text input with this elements text as default value
// input name can use element's title attr
var $this = this;
//regex = new RegExp(regex, 'gi');
$this.addClass('mouseover');
$this.click(function()
{
var ele = jQuery(this);
init_inline_edit(ele, regex);
});
}
function init_inline_edit(ele, regex)
{
var title = ele.attr('title');
var index = jQuery('body').index(ele);
var input = jQuery('');
input.attr('name', title);
input.attr('id', title + '_' + index); // give this a unique id
input.attr('maxlength', 100);
input.addClass('inlineEdit');
input.val(ele.text());
var cancelLink = jQuery('Cancel');
cancelLink.addClass('cancelEdit').addClass('mouseover');
cancelLink.click(function()
{
var _$this = jQuery(this);
ele.show();
_$this.add(_$this.siblings('input.inlineEdit')).remove();
});
// to validate
input.blur(function()
{
var string = input.val();
var matches = string.match(regex);
//console.log(matches);
// don't let them do shit
if (matches && matches.length > 0)
{
jQuery.prompt
(
'There are invalid characters in the description. Please remove them.'
, {
callback: function()
{
input.focus();
}
, buttons:
{
'OK': true
, 'Undo Changes': false
}
, submit: function(v, m)
{
if (v === false)
cancelLink.click();
return true
}
}
);
}
});
var inline = input.add(cancelLink);
//console.log(inline);
ele.after(inline);
ele.hide();
input.focus();
}
/**
* determine if an element (usually a popup) is part/all outside of viewport
* if it is, scroll the window to fully display the element
*/
function scroll_to_element(element)
{
var wnd = jQuery(window);
var offset = element.offset();
var yPage = window.pageYOffset;
var xPage = window.pageXOffset;
var y = yPage;
var x = xPage;
/*
alert("offTop: " + offset.top +
"\noffLeft: " + offset.left +
"\nyPage: " + yPage +
"\nxPage: " + xPage +
"\nwndHt: " + wnd.height() +
"\nwndWdth: " + wnd.width());
*/
//if popup bottom is below or popup top is above
if ((offset.top + element.height()) > (wnd.height() + yPage) || offset.top < yPage)
y = offset.top - wnd.height()/2;
//if popup right is to right of popup left is to left
if ((offset.left + element.width()) > (wnd.width() + xPage) || offset.left < xPage)
x = offset.left;
if (y != yPage || x != xPage)
window.scrollTo(x, y);
}