MSDropDown = { settings: { theme: 'blue', autoHide: 'off', offClass: 'aOff', onClass: 'aOn', maintainHeight: 0, idpostfixmain: '_ms', idpostfixchild: '_child', idpostfixa: '_msa', idposttitlediv: '_divtitle', idposttitle: '_title', idhidden: '_input', showTitle: true, visibleRows: 3 }, styles: { ddclass: 'msDropDown', childclass: 'msDropDown_Child', arrow: '/js/CustomDropDown/dd_arrow.gif', arrowclass: 'msArrow', titleclass: 'msDropdownTitle', disabled: 'msDisabled', enabled: 'msEnabled' }, attributes: { action: "onfocus,onblur,onchange,onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup", prop: "size,multiple,disabled,tabindex" }, selected: new Object(), zIndex: 999, insideWindow: false, dp_array: new Object(), currentDiv: '', init: function(byID) { this.storeNmake(byID); }, storeNmake: function(byID) { var dps = this.getAllDropDown(byID); var total = dps.length; for (var iCount = 0; iCount < total; iCount++) { var currentSelect = dps[iCount]; if (currentSelect.id != undefined && currentSelect.id.length > 0) { this.addNewEvents(currentSelect.id); var prop = new Array(); var selectProp = this.getSelectProperties(currentSelect.id); prop["selectAttributes"] = selectProp.attributes; prop["selectAction"] = selectProp.action; var width = (this.dp_array[currentSelect.id] == undefined) ? $(currentSelect).width() : this.dp_array[currentSelect.id].width; var height = (this.dp_array[currentSelect.id] == undefined) ? $(currentSelect).height() : this.dp_array[currentSelect.id].height; $(currentSelect).css({ width: width + 'px' }); var oOptions = $("#" + currentSelect.id + "> *"); var totalOptions = oOptions.length; for (var optionCount = 0; optionCount < totalOptions; optionCount++) { var foundopt = false; if (oOptions[optionCount].nodeName == "OPTION") { var currentOption = oOptions[optionCount]; var values = this.getOptionsProperties(currentOption); prop.push(values); } else if (oOptions[optionCount].nodeName == "OPTGROUP") { foundopt = true; var optinit = false; var oCurrentOptGroup = oOptions[optionCount].childNodes; for (var optoptioncount = 0; optoptioncount < oCurrentOptGroup.length; optoptioncount++) { var currentOption = oCurrentOptGroup[optoptioncount]; var values = this.getOptionsProperties(currentOption); if (values != false) { if (optinit == false) { optinit = true; var opt = this.getOptGroupProperties(oOptions[optionCount]); values["optstart"] = opt; }; prop.push(values); } }; if (foundopt) { prop[prop.length - 1].optend = "end"; }; }; }; prop["id"] = currentSelect.id; prop["position"] = (this.dp_array[currentSelect.id] == undefined) ? $("#" + currentSelect.id).position() : this.dp_array[currentSelect.id].position; prop["width"] = width; prop["height"] = height; this.store(currentSelect.id, prop); } else { throw "An id is required!"; }; }; this.makeAdropDown(byID); }, setOutOfVision: function(id) { $("#" + id).css({ position: 'absolute', left: '-5000px', top: '-5000px' }); }, makeAdropDown: function() {
    var alldps = this.getdps(); var idMain = this.settings.idpostfixmain; var idChild = this.settings.idpostfixchild; var idhidden = this.settings.idhidden; var idA = this.settings.idpostfixa; var idtitlediv = this.settings.idposttitlediv; var idtitle = this.settings.idposttitle; var ddclass = this.styles.ddclass; var childclass = this.styles.childclass; var arrowclass = this.styles.arrowclass; var arrow = this.styles.arrow; var titleclass = this.styles.titleclass; var counter = 0; for (i in alldps) {
        var id = i; this.setOutOfVision(id); var values = alldps[i]; var selectProp = values["selectAttributes"]; var selectAction = values["selectAction"]; var position = values.position; var width = (values.width) + 'px'; var titlewidth = values.width - 18 + 'px'; var top = position.top + 'px'; var left = position.left + 'px'; var dd_id = id + idMain; if ($("#" + dd_id).length > 0) { $("#" + dd_id).remove(); }
        var childid = dd_id + idChild; var childtitledivid = dd_id + idtitlediv; var titleid = dd_id + idtitle; var hiddeninput = dd_id + idhidden; var onchange = values.onchange; var childheight = ''; if (values.length > this.getVisibleRows()) childheight = '100'; var ddhtml = ""; var zIndex = this.zIndex--; var css = (selectProp["disabled"] == true) ? " " + this.styles.disabled : this.styles.enabled; ddhtml += "<div  id='" + dd_id + "' class='" + ddclass + "' style='position:relative;width:" + width + ";z-Index:" + zIndex + "'>"; if (selectProp["disabled"] == true) { ddhtml += "<div id='" + childtitledivid + "' class='" + css + "'><div class='" + arrowclass + "'><img src='" + arrow + "' border='0' align='right' /></div><div style='width:" + titlewidth + "' class='" + titleclass + "' id='" + titleid + "'>Loading...</div><input style='text-indent:-400px;position:absolute; top:0; left:0; border:none; background:transparent;cursor:pointer;width:0px;heigh:0px;' type='text' value='' id='" + hiddeninput + "' name='" + hiddeninput + "' /></div>"; } else { ddhtml += "<div id='" + childtitledivid + "' class='" + css + "' onclick=\"MSDropDown.openDropDown('" + dd_id + "')\"><div class='" + arrowclass + "'><img src='" + arrow + "' border='0' align='right' /></div><div style='width:" + titlewidth + "' class='" + titleclass + "' id='" + titleid + "'>Loading...</div><input style='position:absolute; top:0; left:0; border:none; background:transparent;cursor:pointer;width:0px;heigh:0px;' type='text' value='' id='" + hiddeninput + "' name='" + hiddeninput + "' /></div>"; }; ddhtml += "<div id='" + childid + "' class='coloredScroll " + childclass + /* germain 17/04/2009 pour largeur partie déroulante style='width:" + (values.width + 2) + "px'>*/"' style='width:74px'>"; var ahtml = ""; var sValue = ""; for (var aCount = 0; aCount < values.length; aCount++) {
            var curretna = values[aCount]; var aID = dd_id + "_a_" + aCount; var value = curretna.value; if (aCount == 0) { var selectedID = aID; }; var text = curretna.text; var selected = curretna.selected; if ($("#" + id + " option:selected").text() == text) { sValue = text; selectedID = aID; }
            var icon = curretna.icon; var isDisabled = curretna.disabled; var img = ""; var sTitle = (this.getShowTitle() == true) ? text : ''; var innerStyle = (curretna.style != undefined) ? curretna.style : ''; if (curretna.optstart != undefined) { var optLabel = (curretna.optstart.label == undefined) ? '' : curretna.optstart.label; ahtml += "<div style='display:block;clear:both;'><span style='font-weight:bold;font-style:italic'>" + optLabel + "</span><div style='display:block;text-indent:10px;clear:both:'>"; }; if (icon != undefined) { img = "<img class='icon' align='left' src='" + icon + "' />"; }; if (isDisabled == undefined || isDisabled == false) { ahtml += "<a id='" + aID + "' title='" + sTitle + "' style='display:block;" + innerStyle + "'+ href='javascript:void(0);' value='" + (value) + "' onclick=\"MSDropDown.setSelected('" + dd_id + "', '" + text + "', '" + aID + "', '" + value + "')\">"; } else { ahtml += "<a id='" + aID + "' title='" + sTitle + "' style='cursor:pointer;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;display:block;" + innerStyle + "' href='javascript:void(0);' value='" + (value) + "'>"; }; ahtml += img + '<span>' + text + "</span></a>"; if (curretna.optend == "end") { ahtml += "</div></div>"; };
        }; sValue = (sValue == '') ? values[0].text : sValue; ddhtml += ahtml; ddhtml += "</div>"; ddhtml += "</div>"
        counter++; $("#" + id).after(ddhtml); if (selectProp["disabled"] == false) { } else { $("#" + dd_id).css({ opacity: 0.4 }); }; this.applyEvents(dd_id, values, id); if (childheight != '') $("#" + childid).css({ overflowY: 'scroll', overflowX: 'hidden', height: childheight + 'px' }); $("#" + titleid).html(sValue); this.manageSelection(id, selectedID);
    }
}, hasAction: function(prop, action) { var sAction = action; var selectAction = prop; for (var i in selectAction) { if (i.toString().toLowerCase() == sAction.toString().toLowerCase() && selectAction[i] == true) { return true; }; }; return false; }, applyEvents: function(id, values, parent) { var sID = id; var parent_id = parent; var props = values; var selectProp = props["selectAttributes"]; var selectAction = props["selectAction"]; if (selectProp["disabled"] == false) { for (var i in selectAction) { if (selectAction[i] == true) { switch (i) { case 'onfocus': $("#" + sID).bind("focus", function(e) { $("#" + parent_id).focus(); }); break; case 'onblur': break; case 'onchange': break; case 'onclick': $("#" + sID).bind("click", function(e) { $("#" + parent_id).click(); }); break; case 'ondblclick': $("#" + sID).bind("dblclick", function(e) { $("#" + parent_id).dblclick(); }); break; case 'onmousedown': $("#" + sID).bind("mousedown", function(e) { $("#" + parent_id).mousedown(); }); break; case 'onmouseup': $("#" + sID).bind("mouseup", function(e) { $("#" + parent_id).mouseup(); }); break; case 'onmouseover': $("#" + sID).bind("mouseover", function(e) { $("#" + parent_id).mouseover(); }); break; case 'onmousemove': $("#" + sID).bind("mousemove", function(e) { $("#" + parent_id).mousemove(); }); break; case 'onmouseout': $("#" + sID).bind("mouseleave", function(e) { $("#" + parent_id).mouseout(); }); break; case 'onkeypress': $("#" + sID).bind("keypress", function(e) { $("#" + parent_id).keypress(); }); break; case 'onkeydown': $("#" + sID).bind("keydown", function(e) { $("#" + parent_id).keydown(); }); break; case 'onkeyup': $("#" + sID).bind("keyup", function(e) { $("#" + parent_id).keyup(); }); break; }; }; }; }; }, addNewEvents: function(id) { document.getElementById(id).refresh = function(e) { MSDropDown.refresh(this.id); } }, refresh: function(id) { MSDropDown.storeNmake("#" + id); }, manageSelection: function(id, selected) { if (this.selected[id] == undefined) { this.selected[id] = { selected: selected, previous: selected }; }; this.selected[id].selected = selected; if (this.selected[id].previous != this.selected[id].selected) { $("#" + this.selected[id].previous).removeClass('selected'); }; $("#" + this.selected[id].selected).addClass('selected'); this.selected[id].previous = this.selected[id].selected; },
    //Imed : 07/04/2009
    setSelected: function(id, value, aID, val) {
        // cel ne marche pas pour les contrôles imbriqués avec _ dans le nom
        //var parentID = id.split("_")[0];
        var SplitName = id.split("_");
        
        var parentID  = SplitName.slice(0, SplitName.length - 1).join("_");

        this.selected[parentID].current = aID; var sID = id; var oPorop = prop; var targetDiv = sID + this.settings.idposttitle; var hiddeninput = sID + this.settings.idhidden; var prop = this.getdps(parentID); $("#" + parentID + " option:selected").text(value.toString()); $("#" + parentID + " option:selected").val(val.toString()); if ($("#" + parentID).attr("onfocus") != undefined) { $("#" + parentID).focus(); $("#" + hiddeninput).focus(); }; if ($("#" + parentID).attr("onchange") != undefined) { $("#" + parentID).change(); }; $("#" + targetDiv).text(value); $("#" + hiddeninput).val(value); this.manageSelection(parentID, aID); this.closeDropDown();
    }, openDropDown: function(id) {
        var prentDiv = id; var position = $("#" + prentDiv).position(); var childPosTop = $("#" + prentDiv).height() + parseInt($("#" + prentDiv).css("padding-top")) + 'px'; var childDiv = id += "_child"; var parentWidth = parseInt($("#" + prentDiv).width());
        var childWidth = parseInt($("#" + childDiv).width()); if (childWidth < parentWidth) { $("#" + childDiv).css({ width: $("#" + prentDiv).width() + 'px' }); }
        this.currentDiv = childDiv; $("#" + childDiv).css({ position: 'absolute', top: childPosTop, left: '-1px' }); $("#" + childDiv).slideDown("fast"); $("#" + childDiv).mouseover(function(e) { MSDropDown.setInsideWindow(true); }); $("#" + childDiv).mouseout(function(e) { MSDropDown.setInsideWindow(false); }); $(document).bind('mouseup', function(e) { if (MSDropDown.insideWindow == false) { $(document).unbind('mouseup'); MSDropDown.closeDropDown(); } });
    }, setInsideWindow: function(set) { this.insideWindow = set; }, closeDropDown: function() { var curerntDiv = this.currentDiv; var parentID = curerntDiv.split("_")[0]; var hiddeninput = curerntDiv + this.settings.idhidden; if ($("#" + parentID).attr("onblur") != undefined) { $("#" + parentID).focus(); $("#" + hiddeninput).focus(); }; $("#" + this.currentDiv).slideUp("fast"); }, store: function(id, prop) { this.dp_array[id] = prop; }, getdps: function(byID) { return (byID == undefined) ? this.dp_array : this.dp_array[byID]; }, getAllDropDown: function(byID) { return (byID == undefined) ? $("body select") : $(byID); }, showTitle: function(show) { this.settings.showTitle = show; }, getShowTitle: function() { return this.settings.showTitle; }, setVisibleRows: function(rows) { this.settings.visibleRows = rows; }, getVisibleRows: function() { return this.settings.visibleRows; }, getSelectProperties: function(id) { var currentSelect = id; var attributes = this.attributes.prop; var prop = new Object(); var attribs = attributes.split(","); var total = attribs.length; prop.attributes = new Object(); for (var iCount = 0; iCount < total; iCount++) { var key = attribs[iCount].toString(); var value = $("#" + currentSelect).attr(key); if (value != undefined) { prop.attributes[key] = value; }; }; attributes = this.attributes.action; attribs = attributes.split(","); total = attribs.length; prop.action = new Object(); for (var iCount = 0; iCount < total; iCount++) { var key = attribs[iCount].toString(); var value = $("#" + currentSelect).attr(key); if (value != undefined) { prop.action[key] = true; } else { prop.action[key] = false; }; }; return prop; }, getOptionsProperties: function(option) { var currentOption = option; if (currentOption.text != undefined) { var prop = new Object(); prop["text"] = currentOption.text; prop["value"] = (currentOption.value == undefined) ? currentOption.text : currentOption.value; var attribs = currentOption.attributes; var total = attribs.length; for (var iCount = 0; iCount < total; iCount++) { var att = attribs[iCount]; prop[att.nodeName] = att.nodeValue; }; return prop; } else { return false; }; }, getOptGroupProperties: function(opt) { var oOpt = opt; var prop = new Object(); prop["optstart"] = "start"; var attribs = oOpt.attributes; var total = attribs.length; if (total > 0) { for (var iCount = 0; iCount < total; iCount++) { var att = attribs[iCount]; prop[att.nodeName] = att.nodeValue; }; }; return prop; }
}