/*
jQuery selectBox (version 1.0.7)
A cosmetic, styleable replacement for SELECT elements.
Homepage: http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/
Demo page: http://labs.abeautifulsite.net/projects/js/jquery/selectBox/
Copyright 2011 Cory LaViska for A Beautiful Site, LLC.
Features:
- Supports OPTGROUPS
- Supports standard dropdown controls
- Supports multi-select controls (i.e. multiple="multiple")
- Supports inline controls (i.e. size="5")
- Fully accessible via keyboard
- Shift + click (or shift + enter) to select a range of options in multi-select controls
- Type to search when the control has focus
- Auto-height based on the size attribute (to use, omit the height property in your CSS!)
- Tested in IE7-IE9, Firefox 3-4, recent webkit browsers, and Opera
License:
Licensed under both the MIT license and the GNU GPLv2 (same as jQuery: http://jquery.org/license)
Usage:
Link to the JS file:
Add the CSS file (or append contents to your own stylesheet):
\u00A0 \u00A0 ');
}
}
options
.data('selectBox-select', select)
.css('display', 'none')
.appendTo('BODY')
.find('A')
.bind('mousedown.selectBox', function(event) {
event.preventDefault(); // Prevent options from being "dragged"
if( event.screenX === options.data('selectBox-down-at-x') && event.screenY === options.data('selectBox-down-at-y') ) {
options.removeData('selectBox-down-at-x').removeData('selectBox-down-at-y');
hideMenus();
}
})
.bind('mouseup.selectBox', function(event) {
if( event.screenX === options.data('selectBox-down-at-x') && event.screenY === options.data('selectBox-down-at-y') ) {
return;
} else {
options.removeData('selectBox-down-at-x').removeData('selectBox-down-at-y');
}
selectOption(select, $(this).parent());
hideMenus();
}).bind('mouseover.selectBox', function(event) {
addHover(select, $(this).parent());
})
.bind('mouseout.selectBox', function(event) {
removeHover(select, $(this).parent());
});
disableSelection(options);
return options;
}
};
var destroy = function(select) {
select = $(select);
var control = select.data('selectBox-control');
if( !control ) return;
var options = control.data('selectBox-options');
options.remove();
control.remove();
select
.removeClass('selectBox')
.removeData('selectBox-control')
.removeData('selectBox-settings')
.show();
};
var showMenu = function(select) {
select = $(select);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings'),
options = control.data('selectBox-options');
if( control.hasClass('selectBox-disabled') ) return false;
hideMenus();
// Menu position
options.css({
top: control.offset().top + control.outerHeight() - (parseInt(control.css('borderBottomWidth'))),
left: control.offset().left
});
// Show menu
switch( settings.menuTransition ) {
case 'fade':
options.fadeIn(settings.menuSpeed);
break;
case 'slide':
options.slideDown(settings.menuSpeed);
break;
default:
options.show(settings.menuSpeed);
break;
}
// Center on selected option
var li = options.find('.selectBox-selected:first');
keepOptionInView(select, li, true);
addHover(select, li);
control.addClass('selectBox-menuShowing');
$(document).bind('mousedown.selectBox', function(event) {
if( $(event.target).parents().andSelf().hasClass('selectBox-options') ) return;
hideMenus();
});
};
var hideMenus = function() {
if( $(".selectBox-dropdown-menu").length === 0 ) return;
$(document).unbind('mousedown.selectBox');
$(".selectBox-dropdown-menu").each( function() {
var options = $(this),
select = options.data('selectBox-select'),
control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
switch( settings.menuTransition ) {
case 'fade':
options.fadeOut(settings.menuSpeed);
break;
case 'slide':
options.slideUp(settings.menuSpeed);
break;
default:
options.hide(settings.menuSpeed);
break;
}
control.removeClass('selectBox-menuShowing');
});
};
var selectOption = function(select, li, event) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
if( control.hasClass('selectBox-disabled') ) return false;
if( li.length === 0 || li.hasClass('selectBox-disabled') ) return false;
if( select.attr('multiple') ) {
// If event.shiftKey is true, this will select all options between li and the last li selected
if( event.shiftKey && control.data('selectBox-last-selected') ) {
li.toggleClass('selectBox-selected');
var affectedOptions;
if( li.index() > control.data('selectBox-last-selected').index() ) {
affectedOptions = li.siblings().slice(control.data('selectBox-last-selected').index(), li.index());
} else {
affectedOptions = li.siblings().slice(li.index(), control.data('selectBox-last-selected').index());
}
affectedOptions = affectedOptions.not('.selectBox-optgroup, .selectBox-disabled');
if( li.hasClass('selectBox-selected') ) {
affectedOptions.addClass('selectBox-selected');
} else {
affectedOptions.removeClass('selectBox-selected');
}
} else if( event.metaKey ) {
li.toggleClass('selectBox-selected');
} else {
li.siblings().removeClass('selectBox-selected');
li.addClass('selectBox-selected');
}
} else {
li.siblings().removeClass('selectBox-selected');
li.addClass('selectBox-selected');
}
if( control.hasClass('selectBox-dropdown') ) {
control.find('.selectBox-label').text(li.text());
}
// Update original control's value
var i = 0, selection = [];
if( select.attr('multiple') ) {
control.find('.selectBox-selected A').each( function() {
selection[i++] = $(this).attr('rel');
});
} else {
selection = li.find('A').attr('rel');
}
// Remember most recently selected item
control.data('selectBox-last-selected', li);
// Change callback
if( select.val() !== selection ) {
select.val(selection);
select.trigger('change');
}
return true;
};
var addHover = function(select, li) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
options.find('.selectBox-hover').removeClass('selectBox-hover');
li.addClass('selectBox-hover');
};
var removeHover = function(select, li) {
select = $(select);
li = $(li);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
options.find('.selectBox-hover').removeClass('selectBox-hover');
};
var keepOptionInView = function(select, li, center) {
if( !li || li.length === 0 ) return;
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options'),
scrollBox = control.hasClass('selectBox-dropdown') ? options : options.parent(),
top = parseInt(li.offset().top - scrollBox.position().top),
bottom = parseInt(top + li.outerHeight());
if( center ) {
scrollBox.scrollTop( li.offset().top - scrollBox.offset().top + scrollBox.scrollTop() - (scrollBox.height() / 2) );
} else {
if( top < 0 ) {
scrollBox.scrollTop( li.offset().top - scrollBox.offset().top + scrollBox.scrollTop() );
}
if( bottom > scrollBox.height() ) {
scrollBox.scrollTop( (li.offset().top + li.outerHeight()) - scrollBox.offset().top + scrollBox.scrollTop() - scrollBox.height() );
}
}
};
var handleKeyDown = function(select, event) {
//
// Handles open/close and arrow key functionality
//
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options'),
totalOptions = 0,
i = 0;
if( control.hasClass('selectBox-disabled') ) return;
switch( event.keyCode ) {
case 8: // backspace
event.preventDefault();
typeSearch = '';
break;
case 9: // tab
case 27: // esc
hideMenus();
removeHover(select);
break;
case 13: // enter
if( control.hasClass('selectBox-menuShowing') ) {
selectOption(select, options.find('LI.selectBox-hover:first'), event);
if( control.hasClass('selectBox-dropdown') ) hideMenus();
} else {
showMenu(select);
}
break;
case 38: // up
case 37: // left
event.preventDefault();
if( control.hasClass('selectBox-menuShowing') ) {
var prev = options.find('.selectBox-hover').prev('LI');
totalOptions = options.find('LI:not(.selectBox-optgroup)').length;
i = 0;
while( prev.length === 0 || prev.hasClass('selectBox-disabled') || prev.hasClass('selectBox-optgroup') ) {
prev = prev.prev('LI');
if( prev.length === 0 ) prev = options.find('LI:last');
if( ++i >= totalOptions ) break;
}
addHover(select, prev);
keepOptionInView(select, prev);
} else {
showMenu(select);
}
break;
case 40: // down
case 39: // right
event.preventDefault();
if( control.hasClass('selectBox-menuShowing') ) {
var next = options.find('.selectBox-hover').next('LI');
totalOptions = options.find('LI:not(.selectBox-optgroup)').length;
i = 0;
while( next.length === 0 || next.hasClass('selectBox-disabled') || next.hasClass('selectBox-optgroup') ) {
next = next.next('LI');
if( next.length === 0 ) next = options.find('LI:first');
if( ++i >= totalOptions ) break;
}
addHover(select, next);
keepOptionInView(select, next);
} else {
showMenu(select);
}
break;
}
};
var handleKeyPress = function(select, event) {
//
// Handles type-to-find functionality
//
select = $(select);
var control = select.data('selectBox-control'),
options = control.data('selectBox-options');
if( control.hasClass('selectBox-disabled') ) return;
switch( event.keyCode ) {
case 9: // tab
case 27: // esc
case 13: // enter
case 38: // up
case 37: // left
case 40: // down
case 39: // right
// Don't interfere with the keydown event!
break;
default: // Type to find
if( !control.hasClass('selectBox-menuShowing') ) showMenu(select);
event.preventDefault();
clearTimeout(typeTimer);
typeSearch += String.fromCharCode(event.charCode || event.keyCode);
options.find('A').each( function() {
if( $(this).text().substr(0, typeSearch.length).toLowerCase() === typeSearch.toLowerCase() ) {
addHover(select, $(this).parent());
keepOptionInView(select, $(this).parent());
return false;
}
});
// Clear after a brief pause
typeTimer = setTimeout( function() { typeSearch = ''; }, 1000);
break;
}
};
var enable = function(select) {
select = $(select);
select.attr('disabled', false);
var control = select.data('selectBox-control');
if( !control ) return;
control.removeClass('selectBox-disabled');
};
var disable = function(select) {
select = $(select);
select.attr('disabled', true);
var control = select.data('selectBox-control');
if( !control ) return;
control.addClass('selectBox-disabled');
};
var setValue = function(select, value) {
select = $(select);
select.val(value);
value = select.val();
var control = select.data('selectBox-control');
if( !control ) return;
var settings = select.data('selectBox-settings'),
options = control.data('selectBox-options');
// Update label
control.find('.selectBox-label').text( $(select).find('OPTION:selected').text() || '\u00A0' );
// Update control values
options.find('.selectBox-selected').removeClass('selectBox-selected');
options.find('A').each( function() {
if( typeof(value) === 'object' ) {
for( var i = 0; i < value.length; i++ ) {
if( $(this).attr('rel') == value[i] ) {
$(this).parent().addClass('selectBox-selected');
}
}
} else {
if( $(this).attr('rel') == value ) {
$(this).parent().addClass('selectBox-selected');
}
}
});
if( settings.change ) settings.change.call(select);
};
var setOptions = function(select, options) {
select = $(select);
var control = select.data('selectBox-control'),
settings = select.data('selectBox-settings');
switch( typeof(data) ) {
case 'string':
select.html(data);
break;
case 'object':
select.html('');
for( var i in data ) {
if( data[i] === null ) continue;
if( typeof(data[i]) === 'object' ) {
var optgroup = $('' + data[i][j] + ' ');
}
select.append(optgroup);
} else {
var option = $('' + data[i] + ' ');
select.append(option);
}
}
break;
}
if( !control ) return;
// Remove old options
control.data('selectBox-options').remove();
// Generate new options
var type = control.hasClass('selectBox-dropdown') ? 'dropdown' : 'inline',
options = getOptions(select, type);
control.data('selectBox-options', options);
switch( type ) {
case 'inline':
control.append(options);
break;
case 'dropdown':
control.find('.selectBox-label').text( $(select).find('OPTION:selected').text() || '\u00A0' );
$("BODY").append(options);
break;
}
};
var disableSelection = function(selector) {
$(selector)
.css('MozUserSelect', 'none')
.bind('selectstart', function(event) {
event.preventDefault();
});
};
//
// Public methods
//
switch( method ) {
case 'control':
return $(this).data('selectBox-control');
break;
case 'settings':
if( !data ) return $(this).data('selectBox-settings');
$(this).each( function() {
$(this).data('selectBox-settings', $.extend(true, $(this).data('selectBox-settings'), data));
});
break;
case 'options':
$(this).each( function() {
setOptions(this, data);
});
break;
case 'value':
if( !data ) return $(this).val();
$(this).each( function() {
setValue(this, data);
});
break;
case 'enable':
$(this).each( function() {
enable(this);
});
break;
case 'disable':
$(this).each( function() {
disable(this);
});
break;
case 'destroy':
$(this).each( function() {
destroy(this);
});
break;
default:
$(this).each( function() {
init(this, method);
});
break;
}
return $(this);
}
});
})(jQuery);;
/**
* jQuery custom checkboxes
*
* Copyright (c) 2008 Khavilo Dmitry (http://widowmaker.kiev.ua/checkbox/)
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
* @version 1.3.0 Beta 1
* @author Khavilo Dmitry
* @mailto wm.morgun@gmail.com
**/
(function($){
/* Little trick to remove event bubbling that causes events recursion */
var CB = function(e)
{
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
};
$.fn.checkbox = function(options) {
/* IE6 background flicker fix */
try { document.execCommand('BackgroundImageCache', false, true); } catch (e) {}
/* Default settings */
var settings = {
cls: 'jquery-checkbox', /* checkbox */
empty: '/sites/all/themes/tourismrichmond/css/images/empty.png' /* checkbox */
};
/* Processing settings */
settings = $.extend(settings, options || {});
/* Adds check/uncheck & disable/enable events */
var addEvents = function(object)
{
var checked = object.checked;
var disabled = object.disabled;
var $object = $(object);
if ( object.stateInterval )
clearInterval(object.stateInterval);
object.stateInterval = setInterval(
function()
{
if ( object.disabled != disabled )
$object.trigger( (disabled = !!object.disabled) ? 'disable' : 'enable');
if ( object.checked != checked )
$object.trigger( (checked = !!object.checked) ? 'check' : 'uncheck');
},
10 /* in miliseconds. Low numbers this can decrease performance on slow computers, high will increase responce time */
);
return $object;
};
//try { console.log(this); } catch(e) {}
/* Wrapping all passed elements */
return this.each(function()
{
var ch = this; /* Reference to DOM Element*/
var $ch = addEvents(ch); /* Adds custom events and returns, jQuery enclosed object */
/* Removing wrapper if already applied */
if (ch.wrapper) ch.wrapper.remove();
/* Creating wrapper for checkbox and assigning "hover" event */
ch.wrapper = $('
');
});
$('.calendar-calendar').show();
$('.inner').hover(function() {
$(this).children('.event-container').removeClass('item-hidden');
},
function() {
$(this).children('.event-container').addClass('item-hidden');
});
});
});
})(jQuery);
;