diff -r d824146a9589 -r 0a2505c3b547 web/res/metadataplayer/test/interface 1.2/source/iautocompleter.js
--- a/web/res/metadataplayer/test/interface 1.2/source/iautocompleter.js Sun Mar 04 14:13:39 2012 +0100
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,536 +0,0 @@
-/**
- * Interface Elements for jQuery
- * Autocompleter
- *
- * http://interface.eyecon.ro
- *
- * Copyright (c) 2006 Stefan Petre
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * and GPL (GPL-LICENSE.txt) licenses.
- *
- */
-
-/**
- * Attach AJAX driven autocomplete/sugestion box to text input fields.
- *
- *
- *
- * @name Autocomplete
- * @description Attach AJAX driven autocomplete/sugestion box to text input fields.
- * @param Hash hash A hash of parameters
- * @option String source the URL to request
- * @option Integer delay (optional) the delayed time to start the AJAX request
- * @option Boolean autofill (optional) when true the first sugested value fills the input
- * @option String helperClass (optional) the CSS class applied to sugestion box
- * @option String selectClass (optional) the CSS class applied to selected/hovered item
- * @option Integer minchars (optional) the number of characters needed before starting AJAX request
- * @option Hash fx (optional) {type:[slide|blind|fade]; duration: integer} the fx type to apply to sugestion box and duration for that fx
- * @option Function onSelect (optional) A function to be executed whenever an item it is selected
- * @option Function onShow (optional) A function to be executed whenever the suggection box is displayed
- * @option Function onHide (optional) A function to be executed whenever the suggection box is hidden
- * @option Function onHighlight (optional) A function to be executed whenever an item it is highlighted
- *
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
-jQuery.iAuto = {
- helper : null,
- content : null,
- iframe: null,
- timer : null,
- lastValue: null,
- currentValue: null,
- subject: null,
- selectedItem : null,
- items: null,
-
- empty : function()
- {
- jQuery.iAuto.content.empty();
- if (jQuery.iAuto.iframe) {
- jQuery.iAuto.iframe.hide();
- }
- },
-
- clear : function()
- {
- jQuery.iAuto.items = null;
- jQuery.iAuto.selectedItem = null;
- jQuery.iAuto.lastValue = jQuery.iAuto.subject.value;
- if(jQuery.iAuto.helper.css('display') == 'block') {
- if (jQuery.iAuto.subject.autoCFG.fx) {
- switch(jQuery.iAuto.subject.autoCFG.fx.type) {
- case 'fade':
- jQuery.iAuto.helper.fadeOut(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);
- break;
- case 'slide':
- jQuery.iAuto.helper.SlideOutUp(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);
- break;
- case 'blind':
- jQuery.iAuto.helper.BlindUp(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);
- break;
- }
- } else {
- jQuery.iAuto.helper.hide();
- }
- if (jQuery.iAuto.subject.autoCFG.onHide)
- jQuery.iAuto.subject.autoCFG.onHide.apply(jQuery.iAuto.subject, [jQuery.iAuto.helper, jQuery.iAuto.iframe]);
- } else {
- jQuery.iAuto.empty();
- }
- window.clearTimeout(jQuery.iAuto.timer);
- },
-
- update : function ()
- {
- var subject = jQuery.iAuto.subject;
- var subjectValue = jQuery.iAuto.getFieldValues(subject);
- //var selectionStart = jQuery.iAuto.getSelectionStart(subject);
- if (subject && subjectValue.item != jQuery.iAuto.lastValue && subjectValue.item.length >= subject.autoCFG.minchars) {
- jQuery.iAuto.lastValue = subjectValue.item;
- jQuery.iAuto.currentValue = subjectValue.item;
-
- data = {
- field: jQuery(subject).attr('name')||'field',
- value: subjectValue.item
- };
-
- jQuery.ajax(
- {
- type: 'POST',
- data: jQuery.param(data),
- success: function(xml)
- {
- subject.autoCFG.lastSuggestion = jQuery('item',xml);
- size = subject.autoCFG.lastSuggestion.size();
- if (size > 0) {
- var toWrite = '';
- subject.autoCFG.lastSuggestion.each(
- function(nr)
- {
- toWrite += '' + jQuery('text', this).text() + '';
- }
- );
- if (subject.autoCFG.autofill) {
- var valueToAdd = jQuery('value', subject.autoCFG.lastSuggestion.get(0)).text();
- subject.value = subjectValue.pre + valueToAdd + subject.autoCFG.multipleSeparator + subjectValue.post;
- jQuery.iAuto.selection(
- subject,
- subjectValue.item.length != valueToAdd.length ? (subjectValue.pre.length + subjectValue.item.length) : valueToAdd.length,
- subjectValue.item.length != valueToAdd.length ? (subjectValue.pre.length + valueToAdd.length) : valueToAdd.length
- );
- }
-
- if (size > 0) {
- jQuery.iAuto.writeItems(subject, toWrite);
- } else {
- jQuery.iAuto.clear();
- }
- } else {
- jQuery.iAuto.clear();
- }
- },
- url : subject.autoCFG.source
- }
- );
- }
- },
-
- writeItems : function(subject, toWrite)
- {
- jQuery.iAuto.content.html(toWrite);
- jQuery.iAuto.items = jQuery('li', jQuery.iAuto.content.get(0));
- jQuery.iAuto.items
- .mouseover(jQuery.iAuto.hoverItem)
- .bind('click', jQuery.iAuto.clickItem);
- var position = jQuery.iUtil.getPosition(subject);
- var size = jQuery.iUtil.getSize(subject);
- jQuery.iAuto.helper
- .css('top', position.y + size.hb + 'px')
- .css('left', position.x + 'px')
- .addClass(subject.autoCFG.helperClass);
- if (jQuery.iAuto.iframe) {
- jQuery.iAuto.iframe
- .css('display', 'block')
- .css('top', position.y + size.hb + 'px')
- .css('left', position.x + 'px')
- .css('width', jQuery.iAuto.helper.css('width'))
- .css('height', jQuery.iAuto.helper.css('height'));
- }
- jQuery.iAuto.selectedItem = 0;
- jQuery.iAuto.items.get(0).className = subject.autoCFG.selectClass;
- jQuery.iAuto.applyOn(subject,subject.autoCFG.lastSuggestion.get(0), 'onHighlight');
-
- if (jQuery.iAuto.helper.css('display') == 'none') {
- if (subject.autoCFG.inputWidth) {
- var borders = jQuery.iUtil.getPadding(subject, true);
- var paddings = jQuery.iUtil.getBorder(subject, true);
- jQuery.iAuto.helper.css('width', subject.offsetWidth - (jQuery.boxModel ? (borders.l + borders.r + paddings.l + paddings.r) : 0 ) + 'px');
- }
- if (subject.autoCFG.fx) {
- switch(subject.autoCFG.fx.type) {
- case 'fade':
- jQuery.iAuto.helper.fadeIn(subject.autoCFG.fx.duration);
- break;
- case 'slide':
- jQuery.iAuto.helper.SlideInUp(subject.autoCFG.fx.duration);
- break;
- case 'blind':
- jQuery.iAuto.helper.BlindDown(subject.autoCFG.fx.duration);
- break;
- }
- } else {
- jQuery.iAuto.helper.show();
- }
-
- if (jQuery.iAuto.subject.autoCFG.onShow)
- jQuery.iAuto.subject.autoCFG.onShow.apply(jQuery.iAuto.subject, [jQuery.iAuto.helper, jQuery.iAuto.iframe]);
- }
- },
-
- checkCache : function()
- {
- var subject = this;
- if (subject.autoCFG.lastSuggestion) {
-
- jQuery.iAuto.lastValue = subject.value;
- jQuery.iAuto.currentValue = subject.value;
-
- var toWrite = '';
- subject.autoCFG.lastSuggestion.each(
- function(nr)
- {
- value = jQuery('value', this).text().toLowerCase();
- inputValue = subject.value.toLowerCase();
- if (value.indexOf(inputValue) == 0) {
- toWrite += '' + jQuery('text', this).text() + '';
- }
- }
- );
-
- if (toWrite != '') {
- jQuery.iAuto.writeItems(subject, toWrite);
-
- this.autoCFG.inCache = true;
- return;
- }
- }
- subject.autoCFG.lastSuggestion = null;
- this.autoCFG.inCache = false;
- },
-
- selection : function(field, start, end)
- {
- if (field.createTextRange) {
- var selRange = field.createTextRange();
- selRange.collapse(true);
- selRange.moveStart("character", start);
- selRange.moveEnd("character", - end + start);
- selRange.select();
- } else if (field.setSelectionRange) {
- field.setSelectionRange(start, end);
- } else {
- if (field.selectionStart) {
- field.selectionStart = start;
- field.selectionEnd = end;
- }
- }
- field.focus();
- },
-
- getSelectionStart : function(field)
- {
- if (field.selectionStart)
- return field.selectionStart;
- else if(field.createTextRange) {
- var selRange = document.selection.createRange();
- var selRange2 = selRange.duplicate();
- return 0 - selRange2.moveStart('character', -100000);
- //result.end = result.start + range.text.length;
- /*var selRange = document.selection.createRange();
- var isCollapsed = selRange.compareEndPoints("StartToEnd", selRange) == 0;
- if (!isCollapsed)
- selRange.collapse(true);
- var bookmark = selRange.getBookmark();
- return bookmark.charCodeAt(2) - 2;*/
- }
- },
-
- getFieldValues : function(field)
- {
- var fieldData = {
- value: field.value,
- pre: '',
- post: '',
- item: ''
- };
-
- if(field.autoCFG.multiple) {
- var finishedPre = false;
- var selectionStart = jQuery.iAuto.getSelectionStart(field)||0;
- var chunks = fieldData.value.split(field.autoCFG.multipleSeparator);
- for (var i=0; i= selectionStart
- ||
- selectionStart == 0)
- &&
- !finishedPre
- ) {
- if (fieldData.pre.length <= selectionStart)
- fieldData.item = chunks[i];
- else
- fieldData.post += chunks[i] + (chunks[i] != '' ? field.autoCFG.multipleSeparator : '');
- finishedPre = true;
- } else if (finishedPre){
- fieldData.post += chunks[i] + (chunks[i] != '' ? field.autoCFG.multipleSeparator : '');
- }
- if(!finishedPre) {
- fieldData.pre += chunks[i] + (chunks.length > 1 ? field.autoCFG.multipleSeparator : '');
- }
- }
- } else {
- fieldData.item = fieldData.value;
- }
- return fieldData;
- },
-
- autocomplete : function(e)
- {
- window.clearTimeout(jQuery.iAuto.timer);
- var subject = jQuery.iAuto.getFieldValues(this);
-
- var pressedKey = e.charCode || e.keyCode || -1;
- if (/13|27|35|36|38|40|9/.test(pressedKey) && jQuery.iAuto.items) {
- if (window.event) {
- window.event.cancelBubble = true;
- window.event.returnValue = false;
- } else {
- e.preventDefault();
- e.stopPropagation();
- }
- if (jQuery.iAuto.selectedItem != null)
- jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).className = '';
- else
- jQuery.iAuto.selectedItem = -1;
- switch(pressedKey) {
- //enter
- case 9:
- case 13:
- if (jQuery.iAuto.selectedItem == -1)
- jQuery.iAuto.selectedItem = 0;
- var selectedItem = jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0);
- var valueToAdd = selectedItem.getAttribute('rel');
- this.value = subject.pre + valueToAdd + this.autoCFG.multipleSeparator + subject.post;
- jQuery.iAuto.lastValue = subject.item;
- jQuery.iAuto.selection(
- this,
- subject.pre.length + valueToAdd.length + this.autoCFG.multipleSeparator.length,
- subject.pre.length + valueToAdd.length + this.autoCFG.multipleSeparator.length
- );
- jQuery.iAuto.clear();
- if (this.autoCFG.onSelect) {
- iteration = parseInt(selectedItem.getAttribute('dir'))||0;
- jQuery.iAuto.applyOn(this,this.autoCFG.lastSuggestion.get(iteration), 'onSelect');
- }
- if (this.scrollIntoView)
- this.scrollIntoView(false);
- return pressedKey != 13;
- break;
- //escape
- case 27:
- this.value = subject.pre + jQuery.iAuto.lastValue + this.autoCFG.multipleSeparator + subject.post;
- this.autoCFG.lastSuggestion = null;
- jQuery.iAuto.clear();
- if (this.scrollIntoView)
- this.scrollIntoView(false);
- return false;
- break;
- //end
- case 35:
- jQuery.iAuto.selectedItem = jQuery.iAuto.items.size() - 1;
- break;
- //home
- case 36:
- jQuery.iAuto.selectedItem = 0;
- break;
- //up
- case 38:
- jQuery.iAuto.selectedItem --;
- if (jQuery.iAuto.selectedItem < 0)
- jQuery.iAuto.selectedItem = jQuery.iAuto.items.size() - 1;
- break;
- case 40:
- jQuery.iAuto.selectedItem ++;
- if (jQuery.iAuto.selectedItem == jQuery.iAuto.items.size())
- jQuery.iAuto.selectedItem = 0;
- break;
- }
- jQuery.iAuto.applyOn(this,this.autoCFG.lastSuggestion.get(jQuery.iAuto.selectedItem||0), 'onHighlight');
- jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).className = this.autoCFG.selectClass;
- if (jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).scrollIntoView)
- jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).scrollIntoView(false);
- if(this.autoCFG.autofill) {
- var valToAdd = jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).getAttribute('rel');
- this.value = subject.pre + valToAdd + this.autoCFG.multipleSeparator + subject.post;
- if(jQuery.iAuto.lastValue.length != valToAdd.length)
- jQuery.iAuto.selection(
- this,
- subject.pre.length + jQuery.iAuto.lastValue.length,
- subject.pre.length + valToAdd.length
- );
- }
- return false;
- }
- jQuery.iAuto.checkCache.apply(this);
-
- if (this.autoCFG.inCache == false) {
- if (subject.item != jQuery.iAuto.lastValue && subject.item.length >= this.autoCFG.minchars)
- jQuery.iAuto.timer = window.setTimeout(jQuery.iAuto.update, this.autoCFG.delay);
- if (jQuery.iAuto.items) {
- jQuery.iAuto.clear();
- }
- }
- return true;
- },
-
- applyOn: function(field, item, type)
- {
- if (field.autoCFG[type]) {
- var data = {};
- childs = item.getElementsByTagName('*');
- for(i=0; i');
- jQuery.iAuto.iframe = jQuery('#autocompleteIframe');
- }
- jQuery('body', document).append('');
- jQuery.iAuto.helper = jQuery('#autocompleteHelper');
- jQuery.iAuto.content = jQuery('ul', jQuery.iAuto.helper);
- }
-
- return this.each(
- function()
- {
- if (this.tagName != 'INPUT' && this.getAttribute('type') != 'text' )
- return;
- this.autoCFG = {};
- this.autoCFG.source = options.source;
- this.autoCFG.minchars = Math.abs(parseInt(options.minchars)||1);
- this.autoCFG.helperClass = options.helperClass ? options.helperClass : '';
- this.autoCFG.selectClass = options.selectClass ? options.selectClass : '';
- this.autoCFG.onSelect = options.onSelect && options.onSelect.constructor == Function ? options.onSelect : null;
- this.autoCFG.onShow = options.onShow && options.onShow.constructor == Function ? options.onShow : null;
- this.autoCFG.onHide = options.onHide && options.onHide.constructor == Function ? options.onHide : null;
- this.autoCFG.onHighlight = options.onHighlight && options.onHighlight.constructor == Function ? options.onHighlight : null;
- this.autoCFG.inputWidth = options.inputWidth||false;
- this.autoCFG.multiple = options.multiple||false;
- this.autoCFG.multipleSeparator = this.autoCFG.multiple ? (options.multipleSeparator||', '):'';
- this.autoCFG.autofill = options.autofill ? true : false;
- this.autoCFG.delay = Math.abs(parseInt(options.delay)||1000);
- if (options.fx && options.fx.constructor == Object) {
- if (!options.fx.type || !/fade|slide|blind/.test(options.fx.type)) {
- options.fx.type = 'slide';
- }
- if (options.fx.type == 'slide' && !jQuery.fx.slide)
- return;
- if (options.fx.type == 'blind' && !jQuery.fx.BlindDirection)
- return;
-
- options.fx.duration = Math.abs(parseInt(options.fx.duration)||400);
- if (options.fx.duration > this.autoCFG.delay) {
- options.fx.duration = this.autoCFG.delay - 100;
- }
- this.autoCFG.fx = options.fx;
- }
- this.autoCFG.lastSuggestion = null;
- this.autoCFG.inCache = false;
-
- jQuery(this)
- .attr('autocomplete', 'off')
- .focus(
- function()
- {
- jQuery.iAuto.subject = this;
- jQuery.iAuto.lastValue = this.value;
- }
- )
- .keypress(jQuery.iAuto.protect)
- .keyup(jQuery.iAuto.autocomplete)
-
- .blur(
- function()
- {
- jQuery.iAuto.timer = window.setTimeout(jQuery.iAuto.clear, 200);
- }
- );
- }
- );
- }
-};
-jQuery.fn.Autocomplete = jQuery.iAuto.build;
\ No newline at end of file