Gecko [ contributie.vriendennsm.nl ]

Name	Size	Permission	Date
fields	[ DIR ]	drwxr-xr-x	2025-02-08 22:29
associations-edit-uncompressed.js	7.08 KB	-rwxr-xr-x	2023-07-08 16:23
associations-edit.js	2.07 KB	-rwxr-xr-x	2023-07-08 16:23
calendar-setup-uncompressed.js	8.75 KB	-rwxr-xr-x	2023-07-08 16:23
calendar-setup.js	3.02 KB	-rwxr-xr-x	2023-07-08 16:23
calendar-uncompressed.js	48.02 KB	-rwxr-xr-x	2023-07-08 16:23
calendar.js	29.5 KB	-rwxr-xr-x	2023-07-08 16:23
caption-uncompressed.js	1.3 KB	-rwxr-xr-x	2023-07-08 16:23
caption.js	491 B	-rwxr-xr-x	2023-07-08 16:23
color-field-adv-init.js	654 B	-rwxr-xr-x	2023-07-08 16:23
color-field-adv-init.min.js	413 B	-rwxr-xr-x	2023-07-08 16:23
color-field-init.js	199 B	-rwxr-xr-x	2023-07-08 16:23
color-field-init.min.js	182 B	-rwxr-xr-x	2023-07-08 16:23
combobox-uncompressed.js	6.66 KB	-rwxr-xr-x	2023-07-08 16:23
combobox.js	3.48 KB	-rwxr-xr-x	2023-07-08 16:23
core-uncompressed.js	27.37 KB	-rwxr-xr-x	2023-07-08 16:23
core.js	8.53 KB	-rwxr-xr-x	2023-07-08 16:23
frontediting-uncompressed.js	6.07 KB	-rwxr-xr-x	2023-07-08 16:23
frontediting.js	2.69 KB	-rwxr-xr-x	2023-07-08 16:23
helpsite.js	1.03 KB	-rwxr-xr-x	2023-07-08 16:23
highlighter-uncompressed.js	3.62 KB	-rwxr-xr-x	2023-07-08 16:23
highlighter.js	1.55 KB	-rwxr-xr-x	2023-07-08 16:23
html5fallback-uncompressed.js	13.3 KB	-rwxr-xr-x	2023-07-08 16:23
html5fallback.js	5.8 KB	-rwxr-xr-x	2023-07-08 16:23
jquery.Jcrop.js	73.88 KB	-rwxr-xr-x	2023-07-08 16:23
jquery.Jcrop.min.js	37.48 KB	-rwxr-xr-x	2023-07-08 16:23
keepalive-uncompressed.js	1.19 KB	-rwxr-xr-x	2023-07-08 16:23
keepalive.js	462 B	-rwxr-xr-x	2023-07-08 16:23
modal-fields-uncompressed.js	6.37 KB	-rwxr-xr-x	2023-07-08 16:23
modal-fields.js	2.18 KB	-rwxr-xr-x	2023-07-08 16:23
modal-uncompressed.js	13.13 KB	-rwxr-xr-x	2023-07-08 16:23
modal.js	9.89 KB	-rwxr-xr-x	2023-07-08 16:23
moduleorder.js	2.21 KB	-rwxr-xr-x	2023-07-08 16:23
mootools-core-uncompressed.js	147.28 KB	-rwxr-xr-x	2023-07-08 16:23
mootools-core.js	81.93 KB	-rwxr-xr-x	2023-07-08 16:23
mootools-more-uncompressed.js	340.69 KB	-rwxr-xr-x	2023-07-08 16:23
mootools-more.js	231.27 KB	-rwxr-xr-x	2023-07-08 16:23
mootree-uncompressed.js	21.39 KB	-rwxr-xr-x	2023-07-08 16:23
mootree.js	5.96 KB	-rwxr-xr-x	2023-07-08 16:23
multiselect-uncompressed.js	1.32 KB	-rwxr-xr-x	2023-07-08 16:23
multiselect.js	431 B	-rwxr-xr-x	2023-07-08 16:23
passwordstrength.js	2.27 KB	-rwxr-xr-x	2023-07-08 16:23
permissions-uncompressed.js	3.41 KB	-rwxr-xr-x	2023-07-08 16:23
permissions.js	1.85 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.classlist-uncompressed.js	10.59 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.classlist.js	4.74 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.event-uncompressed.js	13.11 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.event.js	6.32 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.filter-uncompressed.js	1.12 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.filter.js	525 B	-rwxr-xr-x	2023-07-08 16:23
polyfill.map-uncompressed.js	1.07 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.map.js	509 B	-rwxr-xr-x	2023-07-08 16:23
polyfill.xpath-uncompressed.js	29.32 KB	-rwxr-xr-x	2023-07-08 16:23
polyfill.xpath.js	28.75 KB	-rwxr-xr-x	2023-07-08 16:23
progressbar-uncompressed.js	2.78 KB	-rwxr-xr-x	2023-07-08 16:23
progressbar.js	1.08 KB	-rwxr-xr-x	2023-07-08 16:23
punycode-uncompressed.js	14.35 KB	-rwxr-xr-x	2023-07-08 16:23
punycode.js	2.76 KB	-rwxr-xr-x	2023-07-08 16:23
repeatable-uncompressed.js	16.88 KB	-rwxr-xr-x	2023-07-08 16:23
repeatable.js	5.68 KB	-rwxr-xr-x	2023-07-08 16:23
sendtestmail-uncompressed.js	1.64 KB	-rwxr-xr-x	2023-07-08 16:23
sendtestmail.js	1.02 KB	-rwxr-xr-x	2023-07-08 16:23
subform-repeatable-uncompressed.js	10.15 KB	-rwxr-xr-x	2023-07-08 16:23
subform-repeatable.js	5.33 KB	-rwxr-xr-x	2023-07-08 16:23
switcher-uncompressed.js	2.3 KB	-rwxr-xr-x	2023-07-08 16:23
switcher.js	1018 B	-rwxr-xr-x	2023-07-08 16:23
tabs-state-uncompressed.js	8.82 KB	-rwxr-xr-x	2023-07-08 16:23
tabs-state.js	2.5 KB	-rwxr-xr-x	2023-07-08 16:23
tabs.js	2.48 KB	-rwxr-xr-x	2023-07-08 16:23
validate-uncompressed.js	7.35 KB	-rwxr-xr-x	2023-07-08 16:23
validate.js	3.06 KB	-rwxr-xr-x	2023-07-08 16:23

Rename

/**
 * @copyright   (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

/**
 * Unobtrusive transformation for combobox
 *
 *
 * @package		Joomla.Framework
 * @subpackage	Forms
 */

(function($,document,undefined)
{
	var combobox = function(options, elem)
	{
		var self = {},

init = function(options, elem)
		{
			self.$elem = $(elem);
			self.options = $.extend({}, $.fn.ComboTransform.options, options);
			self.$input = $(elem).find('input[type="text"]');
			self.$dropBtnDiv = $(elem).find('div.btn-group');
			self.$dropBtn = self.$dropBtnDiv.find('[type="button"]');
			self.$dropDown = $(elem).find('ul.dropdown-menu'),
			self.$dropDownOptions = self.$dropDown.find('li a');
			self.$dropDown.isEmpty = false;
			self.$dropBtn.isClicked = false;
			render();

addEventHandlers();
		},

render = function()
		{
			// Align dropdown correctly
			var inputWidth = self.$elem.width(),
				btnWidth = self.$dropBtnDiv.width(),
				totalWidth = inputWidth - 3,
				dropDownLeft = -inputWidth + btnWidth,
				dropDownWidth = self.$dropDown.width();

dropDownWidth < totalWidth ? self.$dropDown.width(totalWidth+'px') : null;
			self.$dropDown.css('left',dropDownLeft+'px');
			self.$dropDown.css('max-height','150px');
			self.$dropDown.css('overflow-y','scroll');
			self.$dropDown.css('left',dropDownLeft+'px');
		},

addEventHandlers = function()
		{
			self.$input.bind('focus', drop);
			self.$input.bind('blur', pick);

if(self.options.updateList)
			{
				self.$input.bind('keyup', updateList);
			}

self.$dropDown.on('mouseenter',function() {
				highlight('clear');
				self.$input.unbind('blur', pick);
			});
			self.$dropDown.on('mouseleave',function(event) {
				self.$input.bind('blur', pick);
			});

self.$dropBtn.on('click', focusCombo);

self.$dropDown.find('li').on('click', updateCombo);
			self.$dropDown.find('li a').on('mouseenter', function(){
				$(this).addClass('hover');
				self.$currHovered = $(this);
			});
			self.$dropDown.find('li a').on('mouseleave', function(){
				$(this).removeClass('hover');
			});
		},

drop = function()
		{
			if(!self.$dropDown.isEmpty)
			{
				var dropDownHeight = self.$dropDown.height(),
					inputClientHeight = self.$input[0].clientHeight,
					inputHeight = self.$input.height(),
					dropDownTop = -(inputHeight + dropDownHeight);

// Drop it in viewable area
				self.$dropDown.css('top','100%');

self.$elem.addClass('nav-hover');
				self.$dropBtnDiv.addClass('open');

if(!inViewport(self.$dropDown))
				{
					self.$dropDown.css('top',dropDownTop+'px');
				}

// Prevent form submit on enter press
				self.$input.bind('keypress keydown keyup', preventSubmit);
			}
		},

pick = function()
		{
			self.$elem.removeClass('nav-hover');
			self.$dropBtnDiv.removeClass('open');

if(self.$dropBtn.isClicked)
			{
				self.$dropBtn.isClicked = false;
				self.$dropDown.isEmpty = true;
			}

highlight('clear');

self.$input.unbind('keypress keydown keyup', preventSubmit);
		},

focusCombo = function()
		{
			var $options = self.$dropDownOptions;
			$options.show();
			self.$dropBtn.isClicked = self.$dropDown.isEmpty;
			self.$dropDown.isEmpty = false;
			self.$input.focus();
		},

updateCombo = function(event)
		{
			var selectedOption = $(event.target).text();
			self.$input.val(selectedOption);
			pick();
			return false;
		},

updateList = function(event)
		{
			var keycode = event && (event.keycode || event.which);
			keycode = event.ctrlKey || event.altKey ? -1 : keycode;

if ((keycode > 47 && keycode < 59) || (keycode > 62 && keycode < 127) || keycode == 32  || keycode == 8)
			{
				var text = self.$input.val().toLowerCase(),
					$options = self.$dropDownOptions,
					hiddenOptions = 0,
					moveHilighter = false;
				$options.each(function()
				{
					 if(this.innerHTML.toLowerCase().indexOf(text) == 0)
					 {
					 	$(this).show();
					 }
					 else
					 {
					 	$(this).hide();
					 	if($(this).hasClass('hover'))
					 	{
					 		moveHilighter = true;
					 	}

hiddenOptions++;
					 }
				});

if(hiddenOptions == $options.length)
				{
					self.$dropDown.isEmpty = true;
					pick();
				}
				else
				{
					self.$dropDown.isEmpty = false;
					if(moveHilighter)
					{
						highlight("clear");
					}
					drop();
				}
			}
			else if(!self.$dropDown.isEmpty)
			{
				// Change selected option in list
				if(keycode == 38)
				{
					highlight("prev");
				}
				else if(keycode == 40)
				{
					highlight("next");
				}
				else if(keycode == 13 && self.$currHovered != null)
				{
					self.$input.val(self.$currHovered.html());
					pick();
				}
			}
		},

highlight = function(newHighlight)
		{
			if(newHighlight == "next" || newHighlight == "prev")
			{
				var $visibleOptions = self.$dropDownOptions.filter(':visible'),
					$currHovered = $visibleOptions.filter('.hover'),
					index = $visibleOptions.index($currHovered),
					$optionToHover;

// Change selected option in list
				if(newHighlight == "prev")
				{
					index = index == -1 ? $visibleOptions.length -1 :  index - 1;
				}
				else
				{
					index = index == $visibleOptions.length - 1 ? 0 : index + 1;
				}

if($currHovered.length != 0)
				{
					$currHovered.removeClass('hover');
				}

$optionToHover = $visibleOptions.eq(index);
				self.$currHovered = $optionToHover;
				self.$currHovered.addClass('hover');

scrollTo(self.$dropDown, self.$currHovered);
			}
			else if(newHighlight == "clear")
			{
				self.$currHovered != null ? self.$currHovered.removeClass('hover') : null;
				self.$currHovered = null;
			}
		},

// Helper functions
		inViewport = function(el)
		{
		    var rect = el[0].getBoundingClientRect();
		    return (
		        rect.top >= 0 &&
		        rect.left >= 0 &&
		        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
		        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
		        );
		},

scrollTo = function(p, e)
		{
			z = p[0].getBoundingClientRect();
			r = e[0].getBoundingClientRect();

if(!(r.top >= z.top && r.left >= z.left && (r.top+r.height) <= (z.top+z.height)))
			{
				var value = r.top - z.top + p.scrollTop();
				p.scrollTop(value);
			}
		},

preventSubmit = function(event)
		{
			if(event.keyCode == 13)
			{
				event.preventDefault();
			}
		};

init(options, elem);
	};
	$.fn.ComboTransform = function(options)
	{
		return this.each(function(){
			combobox(options, this);
		});
	};

$.fn.ComboTransform.options = {
		updateList : true
	};

$(function()
	{
		$('div.combobox').ComboTransform({updateList : true});
	});
})(jQuery,document);