' + arrow + '' + sText + '
';
return sDiv;
};
var applyEventsOnA = function () {
var childid = getPostID("postChildID");
$("#" + childid + " a.enabled").unbind("click"); //remove old one
$("#" + childid + " a.enabled").bind("click", function (event) {
event.preventDefault();
manageSelection(this);
if (!ddList) {
$("#" + childid).unbind("mouseover");
setInsideWindow(false);
var sText = (options.showIcon == false) ? $(this).text() : $(this).html();
//alert("sText "+sText);
setTitleText(sText);
//$this.data("dd").close();
$this.close();
};
setValue();
//actionSettings.oldIndex = a_array[$($this).attr("id")].index;
});
};
var createDropDown = function () {
var changeInsertionPoint = false;
var id = getPostID("postID");
var titleid = getPostID("postTitleID");
var titletextid = getPostID("postTitleTextID");
var childid = getPostID("postChildID");
var arrowid = getPostID("postArrowID");
var iWidth = $("#" + elementid).width();
iWidth = iWidth + 2; //it always give -2 width; i dont know why
var sStyle = options.style;
if ($("#" + id).length > 0) {
$("#" + id).remove();
changeInsertionPoint = true;
};
var sDiv = ' options.visibleRows) {
var margin = parseInt($("#" + childid + " a:first").css("padding-bottom")) + parseInt($("#" + childid + " a:first").css("padding-top"));
var iHeight = ((options.rowHeight) * options.visibleRows) - margin;
$("#" + childid).css("height", iHeight + "px");
} else if (ddList) {
var iHeight = $("#" + elementid).height();
$("#" + childid).css("height", iHeight + "px");
};
//set out of vision
if (changeInsertionPoint == false) {
setOutOfVision();
addRefreshMethods(elementid);
};
if ($("#" + elementid).attr("disabled") == true) {
$("#" + id).css("opacity", styles.disabled);
};
applyEvents();
//add events
//arrow hightlight
$("#" + titleid).bind("mouseover", function (event) {
hightlightArrow(1);
});
$("#" + titleid).bind("mouseout", function (event) {
hightlightArrow(0);
});
//open close events
applyEventsOnA();
$("#" + childid + " a.disabled").css("opacity", styles.disabled);
//alert("ddList "+ddList)
if (ddList) {
$("#" + childid).bind("mouseover", function (event) {
if (!actionSettings.keyboardAction) {
actionSettings.keyboardAction = true;
$(document).bind("keydown", function (event) {
var keyCode = event.keyCode;
actionSettings.currentKey = keyCode;
if (keyCode == 39 || keyCode == 40) {
//move to next
event.preventDefault(); event.stopPropagation();
next();
setValue();
};
if (keyCode == 37 || keyCode == 38) {
event.preventDefault(); event.stopPropagation();
//move to previous
previous();
setValue();
};
});
}
});
};
$("#" + childid).bind("mouseout", function (event) { setInsideWindow(false); $(document).unbind("keydown"); actionSettings.keyboardAction = false; actionSettings.currentKey = null; });
$("#" + titleid).bind("click", function (event) {
setInsideWindow(false);
if ($("#" + childid + ":visible").length == 1) {
$("#" + childid).unbind("mouseover");
} else {
$("#" + childid).bind("mouseover", function (event) { setInsideWindow(true); });
//alert("open "+elementid + $this);
//$this.data("dd").openMe();
$this.open();
};
});
$("#" + titleid).bind("mouseout", function (evt) {
setInsideWindow(false);
});
if (options.showIcon && options.useSprite != false) {
setTitleImageSprite();
};
};
var getByIndex = function (index) {
for (var i in a_array) {
if (a_array[i].index == index) {
return a_array[i];
};
};
return -1;
};
var manageSelection = function (obj) {
var childid = getPostID("postChildID");
if ($("#" + childid + " a.selected").length == 1) { //check if there is any selected
oldSelectedValue = $("#" + childid + " a.selected").text(); //i should have value here. but sometime value is missing
//alert("oldSelectedValue "+oldSelectedValue);
};
if (!ddList) {
$("#" + childid + " a.selected").removeClass("selected");
};
var selectedA = $("#" + childid + " a.selected").attr("id");
if (selectedA != undefined) {
var oldIndex = (actionSettings.oldIndex == undefined || actionSettings.oldIndex == null) ? a_array[selectedA].index : actionSettings.oldIndex;
};
if (obj && !ddList) {
$(obj).addClass("selected");
};
if (ddList) {
var keyCode = actionSettings.currentKey;
if ($("#" + elementid).attr("multiple") == true) {
if (keyCode == 17) {
//control
actionSettings.oldIndex = a_array[$(obj).attr("id")].index;
$(obj).toggleClass("selected");
//multiple
} else if (keyCode == 16) {
$("#" + childid + " a.selected").removeClass("selected");
$(obj).addClass("selected");
//shift
var currentSelected = $(obj).attr("id");
var currentIndex = a_array[currentSelected].index;
for (var i = Math.min(oldIndex, currentIndex); i <= Math.max(oldIndex, currentIndex); i++) {
$("#" + getByIndex(i).id).addClass("selected");
};
} else {
$("#" + childid + " a.selected").removeClass("selected");
$(obj).addClass("selected");
actionSettings.oldIndex = a_array[$(obj).attr("id")].index;
};
} else {
$("#" + childid + " a.selected").removeClass("selected");
$(obj).addClass("selected");
actionSettings.oldIndex = a_array[$(obj).attr("id")].index;
};
//isSingle
};
};
var addRefreshMethods = function (id) {
//deprecated
var objid = id;
document.getElementById(objid).refresh = function (e) {
$("#" + objid).msDropDown(options);
};
};
var setInsideWindow = function (val) {
actionSettings.insideWindow = val;
};
var getInsideWindow = function () {
return actionSettings.insideWindow;
};
var applyEvents = function () {
var mainid = getPostID("postID");
var actions_array = attributes.actions.split(",");
for (var iCount = 0; iCount < actions_array.length; iCount++) {
var action = actions_array[iCount];
//var actionFound = $("#"+elementid).attr(action);
var actionFound = has_handler(action); //$("#"+elementid).attr(action);
//console.debug(elementid +" action " + action , "actionFound "+actionFound);
if (actionFound == true) {
switch (action) {
case "focus":
$("#" + mainid).bind("mouseenter", function (event) {
document.getElementById(elementid).focus();
//$("#"+elementid).focus();
});
break;
case "click":
$("#" + mainid).bind("click", function (event) {
//document.getElementById(elementid).onclick();
$("#" + elementid).trigger("click");
});
break;
case "dblclick":
$("#" + mainid).bind("dblclick", function (event) {
//document.getElementById(elementid).ondblclick();
$("#" + elementid).trigger("dblclick");
});
break;
case "mousedown":
$("#" + mainid).bind("mousedown", function (event) {
//document.getElementById(elementid).onmousedown();
$("#" + elementid).trigger("mousedown");
});
break;
case "mouseup":
//has in close mthod
$("#" + mainid).bind("mouseup", function (event) {
//document.getElementById(elementid).onmouseup();
$("#" + elementid).trigger("mouseup");
//setValue();
});
break;
case "mouseover":
$("#" + mainid).bind("mouseover", function (event) {
//document.getElementById(elementid).onmouseover();
$("#" + elementid).trigger("mouseover");
});
break;
case "mousemove":
$("#" + mainid).bind("mousemove", function (event) {
//document.getElementById(elementid).onmousemove();
$("#" + elementid).trigger("mousemove");
});
break;
case "mouseout":
$("#" + mainid).bind("mouseout", function (event) {
//document.getElementById(elementid).onmouseout();
$("#" + elementid).trigger("mouseout");
});
break;
};
};
};
};
var setOutOfVision = function () {
var sId = getPostID("postElementHolder");
$("#" + elementid).after("");
$("#" + elementid).appendTo($("#" + sId));
};
var setTitleText = function (sText) {
var titletextid = getPostID("postTitleTextID");
$("#" + titletextid).html(sText);
};
var next = function () {
var titletextid = getPostID("postTitleTextID");
var childid = getPostID("postChildID");
var allAs = $("#" + childid + " a.enabled");
for (var current = 0; current < allAs.length; current++) {
var currentA = allAs[current];
var id = $(currentA).attr("id");
if ($(currentA).hasClass("selected") && current < allAs.length - 1) {
$("#" + childid + " a.selected").removeClass("selected");
$(allAs[current + 1]).addClass("selected");
//manageSelection(allAs[current+1]);
var selectedA = $("#" + childid + " a.selected").attr("id");
if (!ddList) {
var sText = (options.showIcon == false) ? a_array[selectedA].text : a_array[selectedA].html;
setTitleText(sText);
};
if (parseInt(($("#" + selectedA).position().top + $("#" + selectedA).height())) >= parseInt($("#" + childid).height())) {
$("#" + childid).scrollTop(($("#" + childid).scrollTop()) + $("#" + selectedA).height() + $("#" + selectedA).height());
};
break;
};
};
};
var previous = function () {
var titletextid = getPostID("postTitleTextID");
var childid = getPostID("postChildID");
var allAs = $("#" + childid + " a.enabled");
for (var current = 0; current < allAs.length; current++) {
var currentA = allAs[current];
var id = $(currentA).attr("id");
if ($(currentA).hasClass("selected") && current != 0) {
$("#" + childid + " a.selected").removeClass("selected");
$(allAs[current - 1]).addClass("selected");
//manageSelection(allAs[current-1]);
var selectedA = $("#" + childid + " a.selected").attr("id");
if (!ddList) {
var sText = (options.showIcon == false) ? a_array[selectedA].text : a_array[selectedA].html;
setTitleText(sText);
};
if (parseInt(($("#" + selectedA).position().top + $("#" + selectedA).height())) <= 0) {
$("#" + childid).scrollTop(($("#" + childid).scrollTop() - $("#" + childid).height()) - $("#" + selectedA).height());
};
break;
};
};
};
var setTitleImageSprite = function () {
if (options.useSprite != false) {
var titletextid = getPostID("postTitleTextID");
var sClassName = document.getElementById(elementid).options[document.getElementById(elementid).selectedIndex].className;
if (sClassName.length > 0) {
var childid = getPostID("postChildID");
var id = $("#" + childid + " a." + sClassName).attr("id");
var backgroundImg = $("#" + id).css("background-image");
var backgroundPosition = $("#" + id).css("background-position");
var paddingLeft = $("#" + id).css("padding-left");
if (backgroundImg != undefined) {
$("#" + titletextid).find("." + styles.ddTitleText).attr('style', "background:" + backgroundImg);
};
if (backgroundPosition != undefined) {
$("#" + titletextid).find("." + styles.ddTitleText).css('background-position', backgroundPosition);
};
if (paddingLeft != undefined) {
$("#" + titletextid).find("." + styles.ddTitleText).css('padding-left', paddingLeft);
};
$("#" + titletextid).find("." + styles.ddTitleText).css('background-repeat', 'no-repeat');
$("#" + titletextid).find("." + styles.ddTitleText).css('padding-bottom', '2px');
};
};
};
var setValue = function () {
//alert("setValue "+elementid);
var childid = getPostID("postChildID");
var allSelected = $("#" + childid + " a.selected");
if (allSelected.length == 1) {
var sText = $("#" + childid + " a.selected").text();
var selectedA = $("#" + childid + " a.selected").attr("id");
if (selectedA != undefined) {
var sValue = a_array[selectedA].value;
document.getElementById(elementid).selectedIndex = a_array[selectedA].index;
};
//set image on title if using sprite
if (options.showIcon && options.useSprite != false)
setTitleImageSprite();
} else if (allSelected.length > 1) {
var alls = $("#" + elementid + " > option:selected").removeAttr("selected");
for (var i = 0; i < allSelected.length; i++) {
var selectedA = $(allSelected[i]).attr("id");
var index = a_array[selectedA].index;
document.getElementById(elementid).options[index].selected = "selected";
};
};
//alert(document.getElementById(elementid).selectedIndex);
var sIndex = document.getElementById(elementid).selectedIndex;
$this.ddProp["selectedIndex"] = sIndex;
//alert("selectedIndex "+ $this.ddProp["selectedIndex"] + " sIndex "+sIndex);
};
var has_handler = function (name) {
// True if a handler has been added in the html.
if ($("#" + elementid).attr("on" + name) != undefined) {
return true;
};
// True if a handler has been added using jQuery.
var evs = $("#" + elementid).data("events");
if (evs && evs[name]) {
return true;
};
return false;
};
var checkMethodAndApply = function () {
var childid = getPostID("postChildID");
if (has_handler('change') == true) {
//alert(1);
var currentSelectedValue = a_array[$("#" + childid + " a.selected").attr("id")].text;
if ($.trim(oldSelectedValue) !== $.trim(currentSelectedValue) && oldSelectedValue !== "") {
$("#" + elementid).trigger("change");
};
};
if (has_handler('mouseup') == true) {
$("#" + elementid).trigger("mouseup");
};
if (has_handler('blur') == true) {
$(document).bind("mouseup", function (evt) {
$("#" + elementid).focus();
$("#" + elementid)[0].blur();
setValue();
$(document).unbind("mouseup");
});
};
};
var hightlightArrow = function (ison) {
var arrowid = getPostID("postArrowID");
if (ison == 1)
$("#" + arrowid).css({ backgroundPosition: '0 100%' });
else
$("#" + arrowid).css({ backgroundPosition: '0 0' });
};
var setOriginalProperties = function () {
//properties = {};
//alert($this.data("dd"));
for (var i in document.getElementById(elementid)) {
if (typeof (document.getElementById(elementid)[i]) != 'function' && document.getElementById(elementid)[i] !== undefined && document.getElementById(elementid)[i] !== null) {
$this.set(i, document.getElementById(elementid)[i], true); //true = setting local properties
};
};
};
var setValueByIndex = function (prop, val) {
if (getByIndex(val) != -1) {
document.getElementById(elementid)[prop] = val;
var childid = getPostID("postChildID");
$("#" + childid + " a.selected").removeClass("selected");
$("#" + getByIndex(val).id).addClass("selected");
var sText = getByIndex(document.getElementById(elementid).selectedIndex).html;
setTitleText(sText);
};
};
var addRemoveFromIndex = function (i, action) {
if (action == 'd') {
for (var key in a_array) {
if (a_array[key].index == i) {
delete a_array[key];
break;
};
};
};
//update index
var count = 0;
for (var key in a_array) {
a_array[key].index = count;
count++;
};
};
var shouldOpenOpposite = function () {
var childid = getPostID("postChildID");
var main = getPostID("postID");
var pos = $("#" + main).position();
var mH = $("#" + main).height();
var wH = $(window).height();
var st = $(window).scrollTop();
var cH = $("#" + childid).height();
var css = { zIndex: options.zIndex, top: (pos.top + mH) + "px", display: "none" };
var ani = options.animStyle;
var opp = false;
var borderTop = styles.noBorderTop;
$("#" + childid).removeClass(styles.noBorderTop);
$("#" + childid).removeClass(styles.borderTop);
if ((wH + st) < Math.floor(cH + mH + pos.top)) {
var tp = pos.top - cH;
if ((pos.top - cH) < 0) {
tp = 10;
};
css = { zIndex: options.zIndex, top: tp + "px", display: "none" };
ani = "show";
opp = true;
borderTop = styles.borderTop;
};
return { opp: opp, ani: ani, css: css, border: borderTop };
};
/************* public methods *********************/
this.open = function () {
if (($this.get("disabled", true) == true) || ($this.get("options", true).length == 0)) return;
var childid = getPostID("postChildID");
if (msOldDiv != "" && childid != msOldDiv) {
$("#" + msOldDiv).slideUp("fast");
$("#" + msOldDiv).css({ zIndex: '0' });
};
if ($("#" + childid).css("display") == "none") {
oldSelectedValue = a_array[$("#" + childid + " a.selected").attr("id")].text;
//keyboard action
$(document).bind("keydown", function (event) {
var keyCode = event.keyCode;
if (keyCode == 39 || keyCode == 40) {
//move to next
event.preventDefault(); event.stopPropagation();
next();
};
if (keyCode == 37 || keyCode == 38) {
event.preventDefault(); event.stopPropagation();
//move to previous
previous();
};
if (keyCode == 27 || keyCode == 13) {
//$this.data("dd").close();
$this.close();
setValue();
};
if ($("#" + elementid).attr("onkeydown") != undefined) {
document.getElementById(elementid).onkeydown();
};
});
$(document).bind("keyup", function (event) {
if ($("#" + elementid).attr("onkeyup") != undefined) {
//$("#"+elementid).keyup();
document.getElementById(elementid).onkeyup();
};
});
//end keyboard action
//close onmouseup
$(document).bind("mouseup", function (evt) {
if (getInsideWindow() == false) {
//alert("evt.target: "+evt.target);
//$this.data("dd").close();
$this.close();
};
});
//check open
var wf = shouldOpenOpposite();
$("#" + childid).css(wf.css);
if (wf.opp == true) {
$("#" + childid).css({ display: 'block' });
$("#" + childid).addClass(wf.border);
if ($this.onActions["onOpen"] != null) {
eval($this.onActions["onOpen"])($this);
};
} else {
$("#" + childid)[wf.ani]("fast", function () {
$("#" + childid).addClass(wf.border);
if ($this.onActions["onOpen"] != null) {
eval($this.onActions["onOpen"])($this);
};
});
};
if (childid != msOldDiv) {
msOldDiv = childid;
};
};
};
this.close = function () {
var childid = getPostID("postChildID");
$(document).unbind("keydown");
$(document).unbind("keyup");
$(document).unbind("mouseup");
var wf = shouldOpenOpposite();
if (wf.opp == true) {
$("#" + childid).css("display", "none");
};
$("#" + childid).slideUp("fast", function (event) {
checkMethodAndApply();
$("#" + childid).css({ zIndex: '0' });
if ($this.onActions["onClose"] != null) {
eval($this.onActions["onClose"])($this);
};
});
};
this.selectedIndex = function (i) {
$this.set("selectedIndex", i);
};
//update properties
this.set = function (prop, val, isLocal) {
//alert("- set " + prop + " : "+val);
if (prop == undefined || val == undefined) throw { message: "set to what?" };
$this.ddProp[prop] = val;
if (isLocal != true) {
switch (prop) {
case "selectedIndex":
setValueByIndex(prop, val);
break;
case "disabled":
$this.disabled(val, true);
break;
case "multiple":
document.getElementById(elementid)[prop] = val;
ddList = ($(sElement).attr("size") > 0 || $(sElement).attr("multiple") == true) ? true : false;
if (ddList) {
//do something
var iHeight = $("#" + elementid).height();
var childid = getPostID("postChildID");
$("#" + childid).css("height", iHeight + "px");
//hide titlebar
var titleid = getPostID("postTitleID");
$("#" + titleid).hide();
var childid = getPostID("postChildID");
$("#" + childid).css({ display: 'block', position: 'relative' });
applyEventsOnA();
};
break;
case "size":
document.getElementById(elementid)[prop] = val;
if (val == 0) {
document.getElementById(elementid).multiple = false;
};
ddList = ($(sElement).attr("size") > 0 || $(sElement).attr("multiple") == true) ? true : false;
if (val == 0) {
//show titlebar
var titleid = getPostID("postTitleID");
$("#" + titleid).show();
var childid = getPostID("postChildID");
$("#" + childid).css({ display: 'none', position: 'absolute' });
var sText = "";
if (document.getElementById(elementid).selectedIndex >= 0) {
var aObj = getByIndex(document.getElementById(elementid).selectedIndex);
sText = aObj.html;
manageSelection($("#" + aObj.id));
};
setTitleText(sText);
} else {
//hide titlebar
var titleid = getPostID("postTitleID");
$("#" + titleid).hide();
var childid = getPostID("postChildID");
$("#" + childid).css({ display: 'block', position: 'relative' });
};
break;
default:
try {
//check if this is not a readonly properties
document.getElementById(elementid)[prop] = val;
} catch (e) {
//silent
};
break;
};
};
//alert("get " + prop + " : "+$this.ddProp[prop]);
//$this.set("selectedIndex", 0);
};
this.get = function (prop, forceRefresh) {
if (prop == undefined && forceRefresh == undefined) {
//alert("c1 : " +$this.ddProp);
return $this.ddProp;
};
if (prop != undefined && forceRefresh == undefined) {
//alert("c2 : " +$this.ddProp[prop]);
return ($this.ddProp[prop] != undefined) ? $this.ddProp[prop] : null;
};
if (prop != undefined && forceRefresh != undefined) {
//alert("c3 : " +document.getElementById(elementid)[prop]);
return document.getElementById(elementid)[prop];
};
};
this.visible = function (val) {
var id = getPostID("postID");
if (val == true) {
$("#" + id).show();
} else if (val == false) {
$("#" + id).hide();
} else {
return $("#" + id).css("display");
};
};
this.add = function (opt, index) {
var objOpt = opt;
var sText = objOpt.text;
var sValue = (objOpt.value == undefined || objOpt.value == null) ? sText : objOpt.value;
var img = (objOpt["title"] == undefined || objOpt["title"] == null) ? '' : objOpt["title"];
var i = (index == undefined || index == null) ? document.getElementById(elementid).options.length : index;
document.getElementById(elementid).options[i] = new Option(sText, sValue);
if (img != '') document.getElementById(elementid).options[i]["title"] = img;
//check if exist
var ifA = getByIndex(i);
if (ifA != -1) {
//replace
var aTag = createA(document.getElementById(elementid).options[i], i, "", "");
$("#" + ifA.id).html(aTag);
//a_array[key]
} else {
var aTag = createA(document.getElementById(elementid).options[i], i, "", "");
//add
var childid = getPostID("postChildID");
$("#" + childid).append(aTag);
applyEventsOnA();
};
};
this.remove = function (i) {
document.getElementById(elementid).remove(i);
if ((getByIndex(i)) != -1) { $("#" + getByIndex(i).id).remove(); addRemoveFromIndex(i, 'd'); };
//alert("a" +a);
if (document.getElementById(elementid).length == 0) {
setTitleText("");
} else {
var sText = getByIndex(document.getElementById(elementid).selectedIndex).html;
setTitleText(sText);
};
$this.set("selectedIndex", document.getElementById(elementid).selectedIndex);
};
this.disabled = function (dis, isLocal) {
document.getElementById(elementid).disabled = dis;
//alert(document.getElementById(elementid).disabled);
var id = getPostID("postID");
if (dis == true) {
$("#" + id).css("opacity", styles.disabled);
$this.close();
} else if (dis == false) {
$("#" + id).css("opacity", 1);
};
if (isLocal != true) {
$this.set("disabled", dis);
};
};
//return form element
this.form = function () {
return (document.getElementById(elementid).form == undefined) ? null : document.getElementById(elementid).form;
};
this.item = function () {
//index, subindex - use arguments.length
if (arguments.length == 1) {
return document.getElementById(elementid).item(arguments[0]);
} else if (arguments.length == 2) {
return document.getElementById(elementid).item(arguments[0], arguments[1]);
} else {
throw { message: "An index is required!" };
};
};
this.namedItem = function (nm) {
return document.getElementById(elementid).namedItem(nm);
};
this.multiple = function (is) {
if (is == undefined) {
return $this.get("multiple");
} else {
$this.set("multiple", is);
};
};
this.size = function (sz) {
if (sz == undefined) {
return $this.get("size");
} else {
$this.set("size", sz);
};
};
this.addMyEvent = function (nm, fn) {
$this.onActions[nm] = fn;
};
this.fireEvent = function (nm) {
eval($this.onActions[nm])($this);
};
//end
var updateCommonVars = function () {
$this.set("version", $.msDropDown.version);
$this.set("author", $.msDropDown.author);
};
var init = function () {
//create wrapper
createDropDown();
//update propties
//alert("init");
setOriginalProperties();
updateCommonVars();
if (options.onInit != '') {
eval(options.onInit)($this);
};
};
init();
};
//static
$.msDropDown = {
version: 2.36,
author: "Marghoob Suleman",
counter: 20,
create: function (id, opt) {
return $(id).msDropDown(opt).data("dd");
}
};
$.fn.extend({
msDropDown: function (options) {
return this.each(function () {
//if ($(this).data('dd')) return; // need to comment when using refresh method - will remove in next version
var mydropdown = new dd(this, options);
$(this).data('dd', mydropdown);
});
}
});
})(jQuery);