').next().html('characters: ' + $this.val().length);
$this.bind('keyup', function(e){
$this.next().html('characters: ' + e.target.value.length);
});
});
};
$.fn.characterCounter.defaults = {
elClass: 'counter'
};
/**
* STAR FLAGGED PLUGIN
*/
$.fn.starFlag = function(options) {
var opts = $.extend({}, $.fn.starFlag.defaults, options);
return this.each(function() {
$this = $(this);
// Find necessary DOM elements
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
$this.hover(
function(){
$(this).addClass(o.hoverClass);
},
function(){
$(this).removeClass(o.hoverClass);
}
);
$this.bind('click', function(e){
e.preventDefault();
var url_method,
flagged,
ID = $(e.target).attr('href')
model_key = $(e.target).attr(o.custom_attr)
if(!$(e.target).hasClass(o.fillClass)){
url_method = o.flagMethod;
flagged = false;
}
else {
url_method = o.unflagMethod;
flagged = true;
}
$.ajax({
type: "POST",
url: url_method + ID,
data: o.data_param + model_key,
dataType: "html",
success: function(data){
if(!flagged){
$(e.target).addClass(o.fillClass);
}
else {
$(e.target).removeClass(o.fillClass);
}
},
error: function(data){
alert(o.errorMsg);
}
});
});
});
}
$.fn.starFlag.defaults = {
fillClass: '',
hoverClass: '',
flagMethod: '',
unflagMethod: '',
data_param: '',
errorMsg: '',
custom_attr: ''
};
/**
* ALPHABETICAL SEARCH LIST PLUGIN
*/
$.fn.alphaSearch = function(options) {
var opts = $.extend({}, $.fn.alphaSearch.defaults, options);
return this.each(function() {
var $this = $(this);
// Find necessary DOM elements
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var ResultList = $this.next(o.resultlist);
$this.find('a').live("click", function(e){
e.preventDefault();
var src = $(e.target).attr("href");
var letter = $(e.target).attr("title");
o.selectItem($(e.target));
// Check to see if letter already loaded
if(!$(this).data('loaded')){
// if not make ajax call
ResultList.html(o.loadImg);
o.alphaLoad(src, o.pageType, ResultList, letter);
$(this).data('loaded', true);
}
else {
// If so load from memory
var preloaded = $this.parent().find('.'+letter).html();
ResultList.html(preloaded);
}
});
});
};
$.fn.alphaSearch.defaults = {
resultlist: 'ul.results',
pageType: '',
loadImg: '',
selectItem: function(el) {
el.addClass("selected");
el.parent("li").siblings().find("a").removeClass("selected");
},
alphaLoad: function(src,val,container,letter) {
$.ajax({
type: "GET",
url: src,
dataType: "json",
success: function(data){
var listitems = '',
entities = data.length
for(var i = 0; i < entities; i++){
listitems += "
";
listitems += "";
listitems += data[i][0];
listitems += "";
listitems += "";
}
// Throw into results list
container.html(listitems);
// Create list on fly and back up loaded items for future load
container.parent().append('
');
}
});
}
};
/**
* LARGE SUB MENU PLUGIN
* Author: Daniel Chen
* Version 1.0 (July 30, 2010)
* REQUIRES:
@ /www/css/master.css -> CSS (menu and iframe styles)
@ DIV that contains menu content with an ID that matches the HREF of the link
@ /www/js/master.js -> JAVASCRIPT event handler to call plugin
* CONFIGURABLE OPTIONS:
@ menuClass: 'sub-menu' // CssClass of the the menu itself
@ overClass: 'over' // CssClass on the link that identifies the open menu
@ identifier: 'menu' // CssClass identifier on the link that determines if a menu should render or not
*/
$.fn.largemenu = function(options){
var opts = $.extend({}, $.fn.largemenu.defaults, options);
function setDimensions(iframe,elem){
var offset = elem.offset();
iframe.width(elem.width()).height(elem.height()).css({"left":offset.left+"px"});
}
return this.each(function() {
$this = $(this);
// Find necessary DOM elements
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var lis = $this.children();
var anchor = $this.find("a." + o.identifier);
// Grab HTML content to inject into menu
anchor.each(function(){
$(this).after("
").next().addClass(o.menuClass).html($($(this).attr("href")).html());
});
anchor.click(function(e){
e.preventDefault();
var iframe = $("");
if(!$(this).hasClass(o.overClass)){
lis.each(function(){
$(this).find("." + o.overClass).removeClass(o.overClass);
});
$(this).addClass(o.overClass).next("." + o.menuClass).slideDown().parent().append(iframe);
setDimensions(iframe, $(this).next());
lis.each(function(){
if(!$(this).children().hasClass(o.overClass)){
$(this).children().eq(0).next().hide();
$(this).find("iframe").remove();
}
});
}
else {
$(this).removeClass(o.overClass).next("." + o.menuClass).slideUp().parent().find("iframe").remove();
}
});
$('body').bind('click', function(e) {
if($(e.target).closest('.' + o.overClass).length == 0) {
// click happened outside of menu, hide any visible menu items
lis.each(function(){
$(this).children().eq(0).removeClass(o.overClass);
$(this).children().eq(0).next().hide();
$(this).find("iframe").remove();
});
}
});
});
};
$.fn.largemenu.defaults = {
menuClass: 'sub-menu',
overClass: 'over',
identifier: 'menu'
};
})(this.jQuery);