Add version files and new GIF images for UI components
This commit is contained in:
669
themes/sources4.0/dhtmlxSlider/codebase/dhtmlxslider.js
Normal file
669
themes/sources4.0/dhtmlxSlider/codebase/dhtmlxslider.js
Normal file
@ -0,0 +1,669 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
function dhtmlXSlider(data) {
|
||||
|
||||
var that = this;
|
||||
|
||||
this.conf = {
|
||||
size: null,
|
||||
skin: null,
|
||||
vertical: false,
|
||||
min: 0,
|
||||
max: 99,
|
||||
value: 0,
|
||||
step: 1,
|
||||
margin: 2,
|
||||
border: 1,
|
||||
disabled: false,
|
||||
tooltip: false,
|
||||
visible: true,
|
||||
linkTo: undefined
|
||||
};
|
||||
|
||||
this._attachedNode = {};
|
||||
|
||||
this.base = null;
|
||||
|
||||
var movingInitialValues = null;
|
||||
|
||||
if (arguments.length > 1) { // init by arguments
|
||||
return new dhtmlXSlider(this._renderArgumets(arguments));
|
||||
}else if (typeof(data) == "string" || (typeof(data) == "object" && data.tagName)) { // init by node
|
||||
return new dhtmlXSlider({parent: data});
|
||||
}
|
||||
|
||||
if (typeof(data.parent) == "string") {
|
||||
this.base = document.getElementById(data.parent);
|
||||
} else {
|
||||
this.base = data.parent;
|
||||
}
|
||||
|
||||
this._mergeConfig(this._readAttFormNode(this.base));
|
||||
this._mergeConfig(data);
|
||||
|
||||
if (this.conf.size == null || this.conf.size == undefined) {
|
||||
if (this.conf.vertical) {
|
||||
this.conf.size = this.base.offsetHeight;
|
||||
} else {
|
||||
this.conf.size = this.base.offsetWidth;
|
||||
}
|
||||
}
|
||||
|
||||
var skin = this.conf.skin || window.dhx4.skin || (typeof(dhtmlx)!== "undefined"? dhtmlx.skin: null) || window.dhx4.skinDetect("dhxslider") || "dhx_skyblue";
|
||||
|
||||
this.setSkin(skin);
|
||||
|
||||
this.base.innerHTML = "<div class='dhxsl_container'>"+
|
||||
"<div class='dhxsl_track'></div>"+
|
||||
"<div class='dhxsl_runner'></div>"+
|
||||
"</div>";
|
||||
|
||||
this._nodes = {
|
||||
cont: this.base.firstChild,
|
||||
track: this.base.firstChild.firstChild,
|
||||
runner: this.base.firstChild.childNodes[1]
|
||||
};
|
||||
|
||||
this._nodes.cont.onmousedown =
|
||||
this._nodes.track.onmousedown =
|
||||
this._nodes.cont.onselectstart =
|
||||
this._nodes.track.onselectstart = function(e) {
|
||||
e = e || event;
|
||||
if (typeof(e.preventDefault) == "function") {
|
||||
e.preventDefault();
|
||||
} else {
|
||||
e.returnValue = false;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
this.conf.value = this._normalize(this.conf.value);
|
||||
this._setOrient(this.conf.vertical);
|
||||
this.setSize(this.conf.size);
|
||||
|
||||
// events start
|
||||
|
||||
this._initMover = function(e) {
|
||||
|
||||
e = e || event;
|
||||
|
||||
movingInitialValues = {};
|
||||
movingInitialValues.value = that.conf.value;
|
||||
movingInitialValues.coord = (that.conf.vertical)? e.clientY: e.clientX;
|
||||
|
||||
if (that.conf.disabled == false) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
window.addEventListener("mousemove", that._move, false);
|
||||
window.addEventListener("mouseup", that._cleanMove, false);
|
||||
} else {
|
||||
document.body.attachEvent("onmousemove", that._move);
|
||||
document.body.attachEvent("onmouseup", that._cleanMove);
|
||||
}
|
||||
}
|
||||
that.callEvent("_onRunnerMouseDown",[]);
|
||||
return false;
|
||||
};
|
||||
|
||||
this._move = function(e) {
|
||||
|
||||
e = e || event;
|
||||
|
||||
var runner = (that.conf.vertical)? that._nodes.runner.offsetHeight: that._nodes.runner.offsetWidth;
|
||||
var rang = that.conf.max - that.conf.min;
|
||||
var n_cord = (that.conf.vertical)? e.clientY: e.clientX;
|
||||
var new_value = movingInitialValues.value + (n_cord - movingInitialValues.coord)*rang/(that.conf.size - runner);
|
||||
|
||||
that.setValue(Math.round(new_value), true);
|
||||
};
|
||||
|
||||
this._cleanMove = function(e) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
window.removeEventListener("mousemove", that._move, false);
|
||||
window.removeEventListener("mouseup", that._cleanMove, false);
|
||||
} else {
|
||||
document.body.detachEvent("onmousemove", that._move);
|
||||
document.body.detachEvent("onmouseup", that._cleanMove);
|
||||
}
|
||||
movingInitialValues = null;
|
||||
that.callEvent("onSlideEnd", [that.conf.value]);
|
||||
that.callEvent("_onRunnerMouseUp",[]);
|
||||
};
|
||||
|
||||
this._doOnSetValue = function(e) {
|
||||
|
||||
if (movingInitialValues) return false;
|
||||
|
||||
e = e || event;
|
||||
|
||||
var n_coord = (that.conf.vertical)? (e.offsetY || e.layerY): (e.offsetX || e.layerX);
|
||||
var runner = (that.conf.vertical)? that._nodes.runner.offoffsetHeightsetHe: that._nodes.runner.offsetWidth;
|
||||
var rang = that.conf.max - that.conf.min;
|
||||
|
||||
var new_value = n_coord*rang/(that.conf.size) + that.conf.min;
|
||||
|
||||
that.setValue(Math.round(new_value), true);
|
||||
|
||||
if (!movingInitialValues) that._initMover(e);
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
this._doOnChangeInput = function(e) {
|
||||
e = e || event;
|
||||
var target = e.target || e.srcElement;
|
||||
that.setValue(target.value);
|
||||
};
|
||||
|
||||
this._doOnKeyDown = function(e) {
|
||||
e = e || event;
|
||||
var target = e.target || e.srcElement;
|
||||
if (e.keyCode == 13) that.setValue(target.value);
|
||||
};
|
||||
|
||||
// events end
|
||||
|
||||
this._attachEvents(this._nodes);
|
||||
|
||||
this.unload = function() {
|
||||
|
||||
dhx4._eventable(this, "clear");
|
||||
|
||||
this._detachNode();
|
||||
this._detachEvents(this._nodes);
|
||||
|
||||
this.base.removeChild(this._nodes.cont);
|
||||
|
||||
this._nodes.cont.onmousedown =
|
||||
this._nodes.track.onmousedown =
|
||||
this._nodes.cont.onselectstart =
|
||||
this._nodes.track.onselectstart = null;
|
||||
|
||||
delete this._nodes.cont;
|
||||
delete this._nodes.track;
|
||||
delete this._nodes.max;
|
||||
delete this._nodes.min;
|
||||
delete this._nodes.runner;
|
||||
|
||||
if (/\s?dhtmlxslider_\S*/.test(this.base.className)) {
|
||||
this.base.className = this.base.className.replace(/\s?dhtmlxslider_\S*/, "");
|
||||
}
|
||||
|
||||
for (var key in this) this[key] = null;
|
||||
|
||||
that = null;
|
||||
};
|
||||
|
||||
dhx4._eventable(this);
|
||||
|
||||
if (this.conf.disabled) {
|
||||
this.disable();
|
||||
}
|
||||
|
||||
if (this.conf.tooltip) {
|
||||
this.enableTooltip();
|
||||
}
|
||||
|
||||
if (!this.conf.visible) {
|
||||
this.hide();
|
||||
}
|
||||
|
||||
if (this.conf.linkTo) {
|
||||
this.linkTo(this.conf.linkTo);
|
||||
}
|
||||
|
||||
return this;
|
||||
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._setOrient = function(vertical) {
|
||||
vertical = vertical || false;
|
||||
|
||||
if (/\s?dhxsl_cont_hr/i.test(this._nodes.cont.className)) {
|
||||
this._nodes.cont.className = this._nodes.cont.className.replace(/\s?dhxsl_cont_hr/i, "");
|
||||
}
|
||||
|
||||
if (/\s?dhxsl_cont_vr/i.test(this._nodes.cont.className)) {
|
||||
this._nodes.cont.className = this._nodes.cont.className.replace(/\s?dhxsl_cont_vr/i, "");
|
||||
}
|
||||
|
||||
if (vertical) {
|
||||
this._nodes.cont.className += " dhxsl_cont_vr";
|
||||
} else {
|
||||
this._nodes.cont.className += " dhxsl_cont_hr";
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._attachEvents = function(nodes) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
nodes.runner.addEventListener("mousedown", this._initMover, false);
|
||||
nodes.cont.addEventListener("mousedown", this._doOnSetValue, false);
|
||||
} else {
|
||||
nodes.runner.attachEvent("onmousedown", this._initMover);
|
||||
nodes.cont.attachEvent("onmousedown", this._doOnSetValue);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._detachEvents = function(nodes) {
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
nodes.runner.removeEventListener("mousedown", this._initMover, false);
|
||||
nodes.cont.removeEventListener("mousedown", this._doOnSetValue, false);
|
||||
} else {
|
||||
nodes.runner.detachEvent("onmousedown", this._initMover);
|
||||
nodes.cont.detachEvent("onmousedown", this._doOnSetValue);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._mergeConfig = function(data) {
|
||||
for (var key in data) {
|
||||
switch (key.toLowerCase()) {
|
||||
case "size":
|
||||
case "min":
|
||||
case "max":
|
||||
case "value":
|
||||
case "step":
|
||||
this.conf[key] = parseInt(data[key]);
|
||||
break;
|
||||
case "vertical":
|
||||
case "tooltip":
|
||||
case "disabled":
|
||||
case "visible":
|
||||
this.conf[key] = dhx4.s2b(data[key]);
|
||||
break;
|
||||
case "parent":
|
||||
continue;
|
||||
break;
|
||||
default:
|
||||
this.conf[key] = data[key];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._readAttFormNode = function(node) {
|
||||
var atts = node.attributes, l = atts.length, i, answer = {}, att;
|
||||
|
||||
for (i=0; i<l; i++) {
|
||||
att = atts[i];
|
||||
switch (att.name.toLowerCase()) {
|
||||
case "size":
|
||||
case "min":
|
||||
case "max":
|
||||
case "value":
|
||||
case "step":
|
||||
answer[att.name] = parseInt(att.value);
|
||||
break;
|
||||
case "skin":
|
||||
answer.skin = att.value;
|
||||
break;
|
||||
case "vertical":
|
||||
case "disabled":
|
||||
case "visible":
|
||||
answer[att.name] = dhx4.s2b(att.value);
|
||||
break;
|
||||
case "linkto":
|
||||
answer.linkTo = att.value;
|
||||
break;
|
||||
case "tooltip":
|
||||
answer.tooltip = dhx4.s2b(att.value);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return answer;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._renderArgumets = function(arg) {
|
||||
var answer = {}, i,l;
|
||||
l = arg.length;
|
||||
|
||||
for (i=0; i<l; i++) {
|
||||
switch (i) {
|
||||
case 0:
|
||||
answer.parent = arg[i];
|
||||
break;
|
||||
case 1:
|
||||
answer.size = arg[i];
|
||||
break;
|
||||
case 2:
|
||||
answer.skin = arg[i];
|
||||
break;
|
||||
case 3:
|
||||
answer.vertical = arg[i];
|
||||
break;
|
||||
case 4:
|
||||
answer.min = arg[i];
|
||||
break;
|
||||
case 5:
|
||||
answer.max = arg[i];
|
||||
break;
|
||||
case 6:
|
||||
answer.value = arg[i];
|
||||
break;
|
||||
case 7:
|
||||
answer.step = arg[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return answer;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._skinCollection = {
|
||||
dhx_skyblue: true,
|
||||
dhx_web: true,
|
||||
dhx_terrace: true
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._indexOf = function(arr, el) {
|
||||
var i,l,answer = -1;
|
||||
l = arr.length;
|
||||
for (i=l; i>=0; i--) {
|
||||
if (arr[i] == el) {
|
||||
answer = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return answer;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._refreshRunner = function() {
|
||||
var cmax, cp;
|
||||
|
||||
if (this.conf.vertical) {
|
||||
cmax = this._nodes.cont.offsetHeight - this._nodes.runner.offsetHeight;
|
||||
cp = this._getCoord(cmax);
|
||||
|
||||
this._nodes.runner.style.top = cp + this.conf.border + "px";
|
||||
this._nodes.runner.style.left = Math.round((this._nodes.cont.offsetWidth - this._nodes.runner.offsetWidth)/2) + "px";
|
||||
|
||||
}else {
|
||||
cmax = this._nodes.cont.offsetWidth - this._nodes.runner.offsetWidth;
|
||||
cp = this._getCoord(cmax);
|
||||
|
||||
this._nodes.runner.style.left = cp + this.conf.border + "px";
|
||||
this._nodes.runner.style.top = Math.round((this._nodes.cont.offsetHeight - this._nodes.runner.offsetHeight)/2) + "px";
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._setValueByCoord = function(data) {
|
||||
var cx = dhx4.absLeft(this._nodes.cont),
|
||||
cy = dhx4.absTop(this._nodes.cont),
|
||||
value, k;
|
||||
|
||||
if (this.conf.vertical) {
|
||||
k = (data.y - cy - this._nodes.runner.offsetHeight/2)/(this._nodes.cont.offsetHeight - this._nodes.runner.offsetHeight);
|
||||
} else {
|
||||
k = (data.x - cx - this._nodes.runner.offsetWidth/2)/(this._nodes.cont.offsetWidth - this._nodes.runner.offsetWidth);
|
||||
}
|
||||
|
||||
value = Math.round((this.conf.max-this.conf.min)*k+this.conf.min);
|
||||
|
||||
this.setValue(value, true);
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._getCoord = function(max) {
|
||||
var conf = this.conf;
|
||||
var k = (conf.value-conf.min)/(conf.max - conf.min);
|
||||
|
||||
return Math.round(max*k);
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._normalize = function(value) {
|
||||
value = parseInt(value);
|
||||
return Math.round(value/this.conf.step)*this.conf.step;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._attachNode = function(node) {
|
||||
var tagName = node.tagName.toLowerCase();
|
||||
if (!tagName) return;
|
||||
|
||||
this._attachedNode.node = node;
|
||||
|
||||
switch (tagName) {
|
||||
case "input":
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
node.addEventListener("change", this._doOnChangeInput, false);
|
||||
node.addEventListener("keydown", this._doOnKeyDown, false);
|
||||
} else {
|
||||
node.attachEvent("onchange", this._doOnChangeInput);
|
||||
node.attachEvent("onkeydown", this._doOnKeyDown);
|
||||
}
|
||||
|
||||
this._attachedNode.setValue = function(value) {
|
||||
node.value = value;
|
||||
};
|
||||
break;
|
||||
default:
|
||||
this._attachedNode.setValue = function(value) {
|
||||
node.innerHTML = value;
|
||||
};
|
||||
}
|
||||
|
||||
this._attachedNode.setValue(this.conf.value);
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype._detachNode = function() {
|
||||
var node = this._attachedNode.node;
|
||||
|
||||
if (!node) {
|
||||
return;
|
||||
}
|
||||
|
||||
var tagName = node.tagName;
|
||||
|
||||
switch (tagName) {
|
||||
case "input":
|
||||
if (typeof(window.addEventListener) == "function") {
|
||||
node.removeEventListener("change", this._doOnChangeInput, false);
|
||||
node.removeEventListener("keydown", this._doOnChangeInput, false);
|
||||
} else {
|
||||
node.detachEvent("change", this._doOnChangeInput);
|
||||
node.detachEvent("keydown", this._doOnChangeInput);
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
delete this._attachedNode.node;
|
||||
delete this._attachedNode.setValue;
|
||||
};
|
||||
|
||||
|
||||
|
||||
dhtmlXSlider.prototype.setSize = function(value) {
|
||||
value = parseInt(value);
|
||||
if (!isNaN(value)) {
|
||||
if (this.conf.vertical) {
|
||||
if (this._nodes.cont.style.width) delete this._nodes.cont.style.width;
|
||||
this._nodes.cont.style.height = value-this.conf.margin + "px";
|
||||
} else {
|
||||
if (this._nodes.cont.style.height) delete this._nodes.cont.style.height;
|
||||
this._nodes.cont.style.width = value-this.conf.margin + "px";
|
||||
}
|
||||
|
||||
this._refreshRunner();
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setSkin = function (skin) {
|
||||
skin = skin.toLowerCase();
|
||||
|
||||
var classes, _int = -1, skinName, className="dhtmlxslider";
|
||||
|
||||
classes = this.base.className.match(/\S\w+/ig);
|
||||
|
||||
if (classes instanceof Array) {
|
||||
for (skinName in this._skinCollection) {
|
||||
if (_int == -1) {
|
||||
_int = this._indexOf(classes, className + "_" + skinName);
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
_int = (_int == -1)? classes.length: _int;
|
||||
} else {
|
||||
classes = [];
|
||||
_int = 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
classes[_int] = className + "_" + skin;
|
||||
|
||||
this.base.className = classes.join(" ");
|
||||
this.conf.skin = skin;
|
||||
|
||||
if (this._nodes) this._refreshRunner();
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setValue = function(value, callEvent) {
|
||||
value = parseInt(value);
|
||||
callEvent = callEvent || false;
|
||||
|
||||
if (!isNaN(value)) {
|
||||
value = this._normalize(value);
|
||||
value = Math.max(this.conf.min, value);
|
||||
value = Math.min(this.conf.max, value);
|
||||
if (this.conf.value !== value) {
|
||||
this.conf.value = value;
|
||||
this._refreshRunner();
|
||||
|
||||
if (this.conf.tooltip) this._nodes.cont.title = this.conf.value;
|
||||
|
||||
if (callEvent) this.callEvent("onChange", [this.conf.value, this]);
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof(this._attachedNode.setValue) == "function") {
|
||||
this._attachedNode.setValue(this.conf.value);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.getValue = function() {
|
||||
return this.conf.value;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.disable = function(mode) {
|
||||
mode = (mode == false)? false: true; // deprecated
|
||||
var reg = null;
|
||||
if (mode) {
|
||||
for (var nm in this._nodes) {
|
||||
if (nm == "cont") continue;
|
||||
reg = new RegExp("\\s?dhxsl_"+nm+"_dis","i");
|
||||
if (!reg.test(this._nodes[nm].className)) {
|
||||
this._nodes[nm].className += " dhxsl_"+nm+"_dis";
|
||||
}
|
||||
}
|
||||
|
||||
this.conf.disabled = true;
|
||||
} else {
|
||||
this.enable();
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.enable = function() {
|
||||
var reg;
|
||||
for (var nm in this._nodes) {
|
||||
if (nm == "cont") continue;
|
||||
reg = new RegExp("\\s?dhxsl_"+nm+"_dis","i");
|
||||
if (reg.test(this._nodes[nm].className)) {
|
||||
this._nodes[nm].className = this._nodes[nm].className.replace(reg,"");
|
||||
}
|
||||
}
|
||||
|
||||
this.conf.disabled = false;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.isEnabled = function() {
|
||||
return !this.conf.disabled;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.disableTooltip = function() {
|
||||
this._nodes.cont.removeAttribute("title");
|
||||
this.conf.tooltip = false;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.enableTooltip = function(mode) {
|
||||
if (typeof(mode) == "undefined") mode = true; else mode = dhx4.s2b(mode);
|
||||
if (mode) {
|
||||
this._nodes.cont.title = this.conf.value;
|
||||
this.conf.tooltip = true;
|
||||
} else {
|
||||
this.disableTooltip();
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setMax = function(value) {
|
||||
value = parseInt(value);
|
||||
if (!isNaN(value) && this.conf.min < value) {
|
||||
this.conf.max = value;
|
||||
this.setValue(this.conf.value);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.getMax = function() {
|
||||
return this.conf.max;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setMin = function(value) {
|
||||
value = parseInt(value);
|
||||
if (!isNaN(value) && this.conf.max > value) {
|
||||
this.conf.min = value;
|
||||
this.setValue(this.conf.value);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.getMin = function() {
|
||||
return this.conf.min;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setStep = function(value) {
|
||||
value = parseInt(value);
|
||||
var maxValue = this.conf.max - this.conf.min;
|
||||
if (!isNaN(value) && value < maxValue) {
|
||||
this.conf.step = value;
|
||||
this.setValue(this.conf.value);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.getStep = function() {
|
||||
return this.conf.step;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.show = function() {
|
||||
if (/\s?dhxsl_hidden/i.test(this._nodes.cont.className)) {
|
||||
this._nodes.cont.className = this._nodes.cont.className.replace(/\s?dhxsl_hidden/i, "");
|
||||
}
|
||||
|
||||
this.conf.visible = true;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.hide = function() {
|
||||
if (!/\s?dhxsl_hidden/i.test(this._nodes.cont.className)) {
|
||||
this._nodes.cont.className += " dhxsl_hidden";
|
||||
}
|
||||
|
||||
this.conf.visible = false;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.isVisible = function() {
|
||||
return this.conf.visible;
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.linkTo = function(node) {
|
||||
if (typeof(node) == "string") {
|
||||
node = document.getElementById(node);
|
||||
}
|
||||
|
||||
if (this._attachedNode.node) {
|
||||
this._detachNode();
|
||||
}
|
||||
|
||||
this._attachNode(node);
|
||||
};
|
||||
@ -0,0 +1,24 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 5.2.0
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
window.dhtmlxSlider = window.dhtmlXSlider;
|
||||
|
||||
dhtmlXSlider.prototype.setOnChangeHandler = function(fun) {
|
||||
if (typeof fun == "function") {
|
||||
this.attachEvent("onChange", fun);
|
||||
}
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.init = function() {
|
||||
// no longer used
|
||||
};
|
||||
|
||||
dhtmlXSlider.prototype.setImagePath = function() {
|
||||
// no longer used
|
||||
};
|
||||
|
||||
@ -0,0 +1,82 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_skyblue.less */
|
||||
|
||||
.dhxslider_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
border: 0px solid white;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_hidden {
|
||||
display: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_container {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: left;
|
||||
margin: 0px;
|
||||
padding: 1px;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_container.dhxsl_cont_hr {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_container.dhxsl_cont_vr {
|
||||
margin-left: 6px;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_runner {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #a4bed4;
|
||||
border-radius: 2px;
|
||||
background-color: #f1f7ff;
|
||||
background: linear-gradient(#f1f7ff,#e2efff);
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f1f7ff,endColorStr=#e2efff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_runner_dis {
|
||||
border-color: #c9c9c9;
|
||||
background-color: #e8e8e8;
|
||||
background: linear-gradient(#e8e8e8,#dedede);
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e8e8e8,endColorStr=#dedede) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_track {
|
||||
border: 1px solid #a4bed4;
|
||||
border-radius: 2px;
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_cont_vr .dhxsl_track {
|
||||
height: 100%;
|
||||
width: 3px;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_cont_hr .dhxsl_track {
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
}
|
||||
.dhtmlxslider_dhx_skyblue .dhxsl_track_dis {
|
||||
border: 1px solid #c9c9c9;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
@ -0,0 +1,83 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_terrace.less */
|
||||
|
||||
.dhxslider_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 30px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_hidden {
|
||||
display: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_container {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: left;
|
||||
margin: 0px;
|
||||
padding: 1px;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_hr {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_vr {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_runner {
|
||||
position: absolute;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 3px;
|
||||
background-color: #e8e8e8;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_runner {
|
||||
width: 12px;
|
||||
height: 22px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_runner {
|
||||
width: 22px;
|
||||
height: 12px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_runner_dis {
|
||||
border: 1px solid #d1d1d1;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_track {
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 3px;
|
||||
background-color: #f5f5f5;
|
||||
overflow: hidden;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_track {
|
||||
height: 100%;
|
||||
width: 8px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_track {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
}
|
||||
.dhtmlxslider_dhx_terrace .dhxsl_track_dis {
|
||||
border: 1px solid #d1d1d1;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
@ -0,0 +1,75 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 4.0.3
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/* skin detected, extra file: skins/dhx_web.less */
|
||||
|
||||
.dhxslider_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_hidden {
|
||||
display: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_container {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: left;
|
||||
margin: 0px;
|
||||
padding: 1px;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_hr {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_container.dhxsl_cont_vr {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_runner {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 1px solid #3da0e3;
|
||||
background-color: #3da0e3;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_runner_dis {
|
||||
border: 1px solid #999999;
|
||||
background-color: #999999;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_track {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid #c7c7c7;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_cont_vr .dhxsl_track {
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_cont_hr .dhxsl_track {
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
}
|
||||
.dhtmlxslider_dhx_web .dhxsl_track_dis {
|
||||
border: 1px solid #d9d9d9;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
@ -0,0 +1,129 @@
|
||||
/*
|
||||
Product Name: dhtmlxSuite
|
||||
Version: 5.2.0
|
||||
Edition: Professional
|
||||
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
||||
Copyright UAB Dinamenta http://www.dhtmlx.com
|
||||
*/
|
||||
|
||||
/*
|
||||
skin detected: material
|
||||
include extra file: skins/material.less
|
||||
*/
|
||||
|
||||
@keyframes dhx_loader_rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes dhx_loader_dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
.dhtmlxslider_material {
|
||||
z-index: 0;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_hidden {
|
||||
display: none;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_container {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: left;
|
||||
margin: 0px;
|
||||
padding: 1px;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_container.dhxsl_cont_hr {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_container.dhxsl_cont_vr {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_runner {
|
||||
position: absolute;
|
||||
background-color: #3399cc;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_runner.dhxsl_runner_actv {
|
||||
z-index: 2;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_runner_dis {
|
||||
background-color: #dfdfdf;
|
||||
border: 1px solid white;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_track {
|
||||
background-color: #dfdfdf;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_track div.dhxsl_track_bg {
|
||||
position: absolute;
|
||||
font-size: 1px;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track {
|
||||
height: 100%;
|
||||
width: 2px;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_cont_vr .dhxsl_track div.dhxsl_track_bg {
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
}
|
||||
.dhtmlxslider_material .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg {
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
.dhxslider_skin_detect {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -100px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0px solid white;
|
||||
width: 40px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user