aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default/js/plugins
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2011-03-21 12:14:49 +0000
committerplegall <plg@piwigo.org>2011-03-21 12:14:49 +0000
commit3f806a31aa2f11c7ba34f2921606b88cae049f11 (patch)
treead59d34f5152aab136f8162d8a1c3c074bd55843 /themes/default/js/plugins
parent410b4a1ab9fc61d7c18e9ad5518a9d03c192ec05 (diff)
bug 2225 fixed: jQuery FCBKcomplete needed an upgrade to be compatible with jQuery 1.5
git-svn-id: http://piwigo.org/svn/trunk@9805 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'themes/default/js/plugins')
-rw-r--r--themes/default/js/plugins/jquery.fcbkcomplete.js495
1 files changed, 276 insertions, 219 deletions
diff --git a/themes/default/js/plugins/jquery.fcbkcomplete.js b/themes/default/js/plugins/jquery.fcbkcomplete.js
index 86b3b6ab2..3fb094305 100644
--- a/themes/default/js/plugins/jquery.fcbkcomplete.js
+++ b/themes/default/js/plugins/jquery.fcbkcomplete.js
@@ -1,125 +1,169 @@
-/*
- FCBKcomplete 2.7
+/**
+ FCBKcomplete 2.7.5
- Jquery version required: 1.2.x, 1.3.x, 1.4.x
+ Based on TextboxList by Guillermo Rauch http://devthought.com/
+
Changelog:
- - 2.00 new version of fcbkcomplete
+ - 2.00 new version of fcbkcomplete
- 2.01 fixed bugs & added features
- fixed filter bug for preadded items
- focus on the input after selecting tag
- the element removed pressing backspace when the element is selected
- input tag in the control has a border in IE7
- added iterate over each match and apply the plugin separately
- set focus on the input after selecting tag
+ fixed filter bug for preadded items
+ focus on the input after selecting tag
+ the element removed pressing backspace when the element is selected
+ input tag in the control has a border in IE7
+ added iterate over each match and apply the plugin separately
+ set focus on the input after selecting tag
- 2.02 fixed fist element selected bug
- fixed defaultfilter error bug
+ fixed defaultfilter error bug
- - 2.5 removed selected="selected" attribute due ie bug
- element search algorithm changed
- better performance fix added
- fixed many small bugs
- onselect event added
- onremove event added
+ - 2.5 removed selected="selected" attribute due ie bug
+ element search algorithm changed
+ better performance fix added
+ fixed many small bugs
+ onselect event added
+ onremove event added
- - 2.6 ie6/7 support fix added
- added new public method addItem due request
- added new options "firstselected" that you can set true/false to select first element on dropdown list
- autoexpand input element added
- removeItem bug fixed
- and many more bug fixed
- fixed public method to use it $("elem").trigger("addItem",[{"title": "test", "value": "test"}]);
-
-- 2.7 jquery 1.4 compability
- item lock possability added by adding locked class to preadded option <option value="value" class="selected locked">text</option>
- maximum item that can be added to the list
+ - 2.6 ie6/7 support fix added
+ added new public method addItem due request
+ added new options "firstselected" that you can set true/false to select first element on dropdown list
+ autoexpand input element added
+ removeItem bug fixed
+ and many more bug fixed
+ fixed public method to use it $("elem").trigger("addItem",[{"title": "test", "value": "test"}]);
+
+- 2.7 jquery 1.4 compability
+ item lock possability added by adding locked class to preadded option <option value="value" class="selected locked">text</option>
+ maximum item that can be added
+
+- 2.7.1 bug fixed
+ ajax delay added thanks to http://github.com/dolorian
+
+- 2.7.2 some minor bug fixed
+ minified version recompacted due some problems
+
+- 2.7.3 event call fixed thanks to William Parry <williamparry!at!gmail.com>
+
+- 2.7.4 standart event change call added on addItem, removeItem
+ preSet also check if item have "selected" attribute
+ addItem minor fix
+
+- 2.7.5 event call removeItem fixed
+ new public method destroy added needed to remove fcbkcomplete element from dome
+
*/
/* Coded by: emposha <admin@emposha.com> */
-/* Copyright: Emposha.com <http://www.emposha.com/> - Distributed under MIT - Keep this message! */
-/*
+/* Copyright: Emposha.com <http://www.emposha.com> - Distributed under MIT - Keep this message! */
+
+/**
* json_url - url to fetch json object
- * cache - use cache
+ * cache - use cache
* height - maximum number of element shown before scroll will apear
* newel - show typed text like a element
- * firstselected - automaticly select first element from dropdown
+ * firstselected - automaticly select first element from dropdown
* filter_case - case sensitive filter
* filter_selected - filter selected items from list
* complete_text - text for complete page
- * maxshownitems - maximum numbers that will be shown at dropdown list (less better performance)
- * onselect - fire event on item select
- * onremove - fire event on item remove
- * maxitimes - maximum items that can be added
+ * maxshownitems - maximum numbers that will be shown at dropdown list (less better performance)
+ * onselect - fire event on item select
+ * onremove - fire event on item remove
+ * maxitimes - maximum items that can be added
+ * delay - delay between ajax request (bigger delay, lower server time request)
+ * addontab - add first visible element on tab or enter hit
+ * attachto - after this element fcbkcomplete insert own elements
*/
-jQuery(function($){
- $.fn.fcbkcomplete = function(opt){
- return this.each(function(){
- function init(){
+jQuery(function($) {
+ $.fn.fcbkcomplete = function(opt) {
+ return this.each(function() {
+ function init() {
createFCBK();
preSet();
addInput(0);
}
-
- function createFCBK(){
+
+ function createFCBK() {
element.hide();
element.attr("multiple", "multiple");
if (element.attr("name").indexOf("[]") == -1) {
element.attr("name", element.attr("name") + "[]");
}
-
+
holder = $(document.createElement("ul"));
holder.attr("class", "holder");
- element.after(holder);
+ if (options.attachto) {
+ if (typeof(options.attachto) == "object") {
+ options.attachto.append(holder);
+ }
+ else {
+ $(options.attachto).append(holder);
+ }
+
+ }
+ else {
+ element.after(holder);
+ }
+
complete = $(document.createElement("div"));
complete.addClass("facebook-auto");
complete.append('<div class="default">' + options.complete_text + "</div>");
-
- if (browser_msie) {
- complete.append('<iframe class="ie6fix" scrolling="no" frameborder="0"></iframe>');
- browser_msie_frame = complete.children('.ie6fix');
- }
+ complete.hover(function() {options.complete_hover = 0;}, function() {options.complete_hover = 1;});
feed = $(document.createElement("ul"));
feed.attr("id", elemid + "_feed");
-
+
complete.prepend(feed);
holder.after(complete);
feed.css("width", complete.width());
}
-
- function preSet(){
- element.children("option").each(function(i, option){
- option = $(option);
+
+ function preSet() {
+ element.children("option").each(function(i, option) {
+ option = $(option);
if (option.hasClass("selected")) {
addItem(option.text(), option.val(), true, option.hasClass("locked"));
option.attr("selected", "selected");
}
- else {
- option.removeAttr("selected");
- }
-
cache.push({
- caption: option.text(),
+ key: option.text(),
value: option.val()
});
search_string += "" + (cache.length - 1) + ":" + option.text() + ";";
});
}
-
+
//public method to add new item
- $(this).bind("addItem", function(event, data){
- addItem(data.title, data.value);
+ $(this).bind("addItem",
+ function(event, data) {
+ addItem(data.title, data.value, 0, 0, 0);
+ });
+
+ //public method to remove item
+ $(this).bind("removeItem",
+ function(event, data) {
+ var item = holder.children('li[rel=' + data.value + ']');
+ if (item.length) {
+ removeItem(item);
+ }
});
- function addItem(title, value, preadded, locked){
+ //public method to remove item
+ $(this).bind("destroy",
+ function(event, data) {
+ holder.remove();
+ complete.remove();
+ element.show();
+ });
+
+ function addItem(title, value, preadded, locked, focusme) {
if (!maxItems()) {
return false;
}
var li = document.createElement("li");
var txt = document.createTextNode(title);
var aclose = document.createElement("a");
- var liclass = "bit-box" + (locked ? " locked" : "");
+ var liclass = "bit-box" + (locked ? " locked": "");
$(li).attr({
"class": liclass,
"rel": value
@@ -129,61 +173,64 @@ jQuery(function($){
"class": "closebutton",
"href": "#"
});
-
+
li.appendChild(aclose);
holder.append(li);
-
- $(aclose).click(function(){
+
+ $(aclose).click(function() {
removeItem($(this).parent("li"));
return false;
});
-
+
if (!preadded) {
$("#" + elemid + "_annoninput").remove();
var _item;
- addInput(1);
+ addInput(focusme);
if (element.children("option[value=" + value + "]").length) {
_item = element.children("option[value=" + value + "]");
_item.get(0).setAttribute("selected", "selected");
+ _item.attr("selected", "selected");
if (!_item.hasClass("selected")) {
_item.addClass("selected");
}
}
- else {
+ else{
var _item = $(document.createElement("option"));
_item.attr("value", value).get(0).setAttribute("selected", "selected");
+ _item.attr("value", value).attr("selected", "selected");
_item.attr("value", value).addClass("selected");
_item.text(title);
element.append(_item);
}
- if (options.onselect.length) {
+ if (options.onselect) {
funCall(options.onselect, _item)
}
+ element.change();
}
holder.children("li.bit-box.deleted").removeClass("deleted");
feed.hide();
- browser_msie ? browser_msie_frame.hide() : '';
}
-
- function removeItem(item){
- var parent = item.parent("li");
- if (!parent.hasClass('locked')) {
- parent.fadeOut("fast");
- if (options.onremove.length) {
+
+ function removeItem(item) {
+
+ if (!item.hasClass('locked')) {
+ item.fadeOut("fast");
+ if (options.onremove) {
var _item = element.children("option[value=" + item.attr("rel") + "]");
funCall(options.onremove, _item)
}
- element.children("option[value=" + item.attr("rel") + "]").removeAttr("selected");
- element.children("option[value=" + item.attr("rel") + "]").removeClass("selected");
+ element.children('option[value="' + item.attr("rel") + '"]').removeAttr("selected").removeClass("selected");
item.remove();
+ element.change();
deleting = 0;
}
}
-
- function addInput(focusme){
+
+ function addInput(focusme) {
var li = $(document.createElement("li"));
var input = $(document.createElement("input"));
-
+ var getBoxTimeout = 0;
+
li.attr({
"class": "bit-input",
"id": elemid + "_annoninput"
@@ -194,84 +241,95 @@ jQuery(function($){
"size": "1"
});
holder.append(li.append(input));
-
- input.focus(function(){
+
+ input.focus(function() {
complete.fadeIn("fast");
});
-
- input.blur(function(){
- complete.fadeOut("fast");
- });
-
- holder.click(function(){
+
+ input.blur(function() {
+ if (options.complete_hover) {
+ complete.fadeOut("fast");
+ }
+ else {
+ input.focus();
+ }
+ });
+
+ holder.click(function() {
input.focus();
if (feed.length && input.val().length) {
feed.show();
}
- else {
+ else{
feed.hide();
- browser_msie ? browser_msie_frame.hide() : '';
complete.children(".default").show();
}
});
-
- input.keypress(function(event){
+
+ input.keypress(function(event) {
if (event.keyCode == 13) {
return false;
}
- //auto expand input
+ //auto expand input
input.attr("size", input.val().length + 1);
});
-
- input.keydown(function(event){
+
+ input.keydown(function(event) {
//prevent to enter some bad chars when input is empty
if (event.keyCode == 191) {
event.preventDefault();
return false;
}
});
-
- input.keyup(function(event){
+
+ input.keyup(function(event) {
var etext = xssPrevent(input.val());
-
+
if (event.keyCode == 8 && etext.length == 0) {
feed.hide();
- browser_msie ? browser_msie_frame.hide() : '';
if (!holder.children("li.bit-box:last").hasClass('locked')) {
if (holder.children("li.bit-box.deleted").length == 0) {
holder.children("li.bit-box:last").addClass("deleted");
return false;
}
- else {
+ else{
if (deleting) {
return;
}
deleting = 1;
- holder.children("li.bit-box.deleted").fadeOut("fast", function(){
+ holder.children("li.bit-box.deleted").fadeOut("fast",
+ function() {
removeItem($(this));
return false;
});
}
}
}
-
- if (event.keyCode != 40 && event.keyCode != 38 && etext.length != 0) {
+
+ if (event.keyCode != 40 && event.keyCode != 38 && event.keyCode!=37 && event.keyCode!=39 && etext.length != 0) {
counter = 0;
-
+
if (options.json_url) {
if (options.cache && json_cache) {
addMembers(etext);
bindEvents();
}
- else {
- $.getJSON(options.json_url + "?tag=" + etext, null, function(data){
- addMembers(etext, data);
- json_cache = true;
- bindEvents();
- });
+ else{
+ getBoxTimeout++;
+ var getBoxTimeoutValue = getBoxTimeout;
+ setTimeout(function() {
+ if (getBoxTimeoutValue != getBoxTimeout) return;
+ $.getJSON(options.json_url, {tag: etext},
+ function(data) {
+ addMembers(etext, data);
+ json_cache = true;
+ bindEvents();
+ });
+ },
+ options.delay);
}
}
- else {
+ else{
addMembers(etext);
bindEvents();
}
@@ -280,181 +338,181 @@ jQuery(function($){
}
});
if (focusme) {
- setTimeout(function(){
+ setTimeout(function() {
input.focus();
complete.children(".default").show();
- }, 1);
+ },
+ 1);
}
}
-
- function addMembers(etext, data){
+
+ function addMembers(etext, data) {
feed.html('');
-
- if (!options.cache) {
+
+ if (!options.cache && data != null) {
cache = new Array();
search_string = "";
}
-
+
addTextItem(etext);
-
+
if (data != null && data.length) {
- $.each(data, function(i, val){
+ $.each(data,
+ function(i, val) {
cache.push({
- caption: val.caption,
+ key: val.key,
value: val.value
});
- search_string += "" + (cache.length - 1) + ":" + val.caption + ";";
+ search_string += "" + (cache.length - 1) + ":" + val.key + ";";
});
}
-
- var maximum = options.maxshownitems < cache.length ? options.maxshownitems : cache.length;
+
+ var maximum = options.maxshownitems < cache.length ? options.maxshownitems: cache.length;
var filter = "i";
if (options.filter_case) {
filter = "";
}
-
- var myregexp, match;
- try {
+
+ var myregexp,
+ match;
+ try{
myregexp = eval('/(?:^|;)\\s*(\\d+)\\s*:[^;]*?' + etext + '[^;]*/g' + filter);
match = myregexp.exec(search_string);
- }
- catch (ex) {
- };
-
+ }
+ catch(ex) {
+ };
+
var content = '';
while (match != null && maximum > 0) {
var id = match[1];
var object = cache[id];
if (options.filter_selected && element.children("option[value=" + object.value + "]").hasClass("selected")) {
//nothing here...
- }
- else {
- content += '<li rel="' + object.value + '">' + itemIllumination(object.caption, etext) + '</li>';
+ }
+ else{
+ content += '<li rel="' + object.value + '">' + itemIllumination(object.key, etext) + '</li>';
counter++;
maximum--;
}
match = myregexp.exec(search_string);
}
feed.append(content);
-
+
if (options.firstselected) {
focuson = feed.children("li:visible:first");
focuson.addClass("auto-focus");
}
-
+
if (counter > options.height) {
feed.css({
"height": (options.height * 24) + "px",
"overflow": "auto"
});
- if (browser_msie) {
- browser_msie_frame.css({
- "height": (options.height * 24) + "px",
- "width": feed.width() + "px"
- }).show();
- }
}
- else {
+ else{
feed.css("height", "auto");
- if (browser_msie) {
- browser_msie_frame.css({
- "height": feed.height() + "px",
- "width": feed.width() + "px"
- }).show();
- }
}
}
-
- function itemIllumination(text, etext){
+
+ function itemIllumination(text, etext) {
if (options.filter_case) {
- try {
+ try{
eval("var text = text.replace(/(.*)(" + etext + ")(.*)/gi,'$1<em>$2</em>$3');");
- }
- catch (ex) {
- };
- }
- else {
- try {
+ }
+ catch(ex) {
+ };
+ }
+ else{
+ try{
eval("var text = text.replace(/(.*)(" + etext.toLowerCase() + ")(.*)/gi,'$1<em>$2</em>$3');");
- }
- catch (ex) {
- };
- }
+ }
+ catch(ex) {
+ };
+ }
return text;
}
-
- function bindFeedEvent(){
- feed.children("li").mouseover(function(){
+
+ function bindFeedEvent() {
+ feed.children("li").mouseover(function() {
feed.children("li").removeClass("auto-focus");
$(this).addClass("auto-focus");
focuson = $(this);
});
-
- feed.children("li").mouseout(function(){
+
+ feed.children("li").mouseout(function() {
$(this).removeClass("auto-focus");
focuson = null;
});
}
-
- function removeFeedEvent(){
+
+ function removeFeedEvent() {
feed.children("li").unbind("mouseover");
feed.children("li").unbind("mouseout");
- feed.mousemove(function(){
+ feed.mousemove(function() {
bindFeedEvent();
feed.unbind("mousemove");
});
}
-
- function bindEvents(){
+
+ function bindEvents() {
var maininput = $("#" + elemid + "_annoninput").children(".maininput");
bindFeedEvent();
feed.children("li").unbind("mousedown");
- feed.children("li").mousedown(function(){
+ feed.children("li").mousedown(function() {
var option = $(this);
- addItem(option.text(), option.attr("rel"));
+ addItem(option.text(), option.attr("rel"), 0, 0, 1);
feed.hide();
- browser_msie ? browser_msie_frame.hide() : '';
complete.hide();
});
-
+
maininput.unbind("keydown");
- maininput.keydown(function(event){
+ maininput.keydown(function(event) {
if (event.keyCode == 191) {
event.preventDefault();
return false;
}
-
+
if (event.keyCode != 8) {
holder.children("li.bit-box.deleted").removeClass("deleted");
}
-
- if (event.keyCode == 13 && checkFocusOn()) {
+
+ if ((event.keyCode == 13 || event.keyCode == 9) && checkFocusOn()) {
var option = focuson;
- addItem(option.text(), option.attr("rel"));
+ addItem(option.text(), option.attr("rel"), 0, 0, 1);
complete.hide();
event.preventDefault();
focuson = null;
return false;
}
-
- if (event.keyCode == 13 && !checkFocusOn()) {
+
+ if ((event.keyCode == 13 || event.keyCode == 9) && !checkFocusOn()) {
if (options.newel) {
var value = xssPrevent($(this).val());
- addItem(value, value);
+ addItem(value, value, 0, 0, 1);
complete.hide();
event.preventDefault();
focuson = null;
+ return false;
}
- return false;
+
+ if (options.addontab) {
+ focuson = feed.children("li:visible:first");
+ var option = focuson;
+ addItem(option.text(), option.attr("rel"), 0, 0, 1);
+ complete.hide();
+ event.preventDefault();
+ focuson = null;
+ return false;
+ }
}
-
+
if (event.keyCode == 40) {
removeFeedEvent();
if (focuson == null || focuson.length == 0) {
focuson = feed.children("li:visible:first");
feed.get(0).scrollTop = 0;
}
- else {
+ else{
focuson.removeClass("auto-focus");
focuson = focuson.nextAll("li:visible:first");
var prev = parseInt(focuson.prevAll("li:visible").length, 10);
@@ -472,7 +530,7 @@ jQuery(function($){
focuson = feed.children("li:visible:last");
feed.get(0).scrollTop = parseInt(focuson.get(0).scrollHeight, 10) * (parseInt(feed.children("li:visible").length, 10) - Math.round(options.height / 2));
}
- else {
+ else{
focuson.removeClass("auto-focus");
focuson = focuson.prevAll("li:visible:first");
var prev = parseInt(focuson.prevAll("li:visible").length, 10);
@@ -486,19 +544,19 @@ jQuery(function($){
}
});
}
-
- function maxItems(){
+
+ function maxItems() {
if (options.maxitems != 0) {
if (holder.children("li.bit-box").length < options.maxitems) {
return true;
}
- else {
+ else{
return false;
}
}
}
-
- function addTextItem(value){
+
+ function addTextItem(value) {
if (options.newel && maxItems()) {
feed.children("li[fckb=1]").remove();
if (value.length == 0) {
@@ -512,12 +570,12 @@ jQuery(function($){
feed.prepend(li);
counter++;
}
- else {
+ else{
return;
}
}
-
- function funCall(func, item){
+
+ function funCall(func, item) {
var _object = "";
for (i = 0; i < item.get(0).attributes.length; i++) {
if (item.get(0).attributes[i].nodeValue != null) {
@@ -525,14 +583,10 @@ jQuery(function($){
}
}
_object = "{" + _object + " notinuse: 0}";
- try {
- eval(func + "(" + _object + ")");
- }
- catch (ex) {
- };
- }
-
- function checkFocusOn(){
+ func.call(func, _object);
+ }
+
+ function checkFocusOn() {
if (focuson == null) {
return false;
}
@@ -541,30 +595,34 @@ jQuery(function($){
}
return true;
}
-
- function xssPrevent(string){
+
+ function xssPrevent(string) {
string = string.replace(/[\"\'][\s]*javascript:(.*)[\"\']/g, "\"\"");
string = string.replace(/script(.*)/g, "");
string = string.replace(/eval\((.*)\)/g, "");
string = string.replace('/([\x00-\x08,\x0b-\x0c,\x0e-\x19])/', '');
return string;
}
-
+
var options = $.extend({
json_url: null,
cache: false,
height: "10",
newel: false,
+ addontab: false,
firstselected: false,
filter_case: false,
- filter_hide: false,
+ filter_selected: false,
complete_text: "Start to type...",
maxshownitems: 30,
- maxitems: 0,
- onselect: "",
- onremove: ""
- }, opt);
-
+ maxitems: 10,
+ onselect: null,
+ onremove: null,
+ attachto: null,
+ delay: 350
+ },
+ opt);
+
//system variables
var holder = null;
var feed = null;
@@ -575,13 +633,12 @@ jQuery(function($){
var search_string = "";
var focuson = null;
var deleting = 0;
- var browser_msie = "\v" == "v";
- var browser_msie_frame;
-
+ var complete_hover = 1;
+
var element = $(this);
var elemid = element.attr("id");
init();
-
+
return this;
});
};