📄 bs_slider.class.js
字号:
this['_colorbarObj'+k].style.left = newWidth+"px"; } else { this['_colorbarObj'+k].style.width = newWidth+"px"; } } if (typeof(this['colorbar'+k]['color2']) != 'undefined') { var percent = this.getValueInPercent(knobId); var newColor = mixColor(this['colorbar'+k]['color'], this['colorbar'+k]['color2'], percent); document.getElementById(this._colorbarId+k).style.backgroundColor = newColor;} }}this._getValueByPosition = function(pos) {if (this.direction == 0) {pos -= this.ctrl.minX;var hundertPercent = this.ctrl.maxX - this.ctrl.minX;} else {pos -= this.ctrl.minY;var hundertPercent = this.ctrl.maxY - this.ctrl.minY;}var myPercent = pos / hundertPercent;if (this.logCoord) { var val = Math.exp((((Math.log(this.maxVal) - Math.log(this.minVal))*myPercent)+Math.log(this.minVal)));} else { var val = this.minVal + ((this.maxVal - this.minVal) * myPercent);}return val;}this._getPositionByValue = function(val, knobId) {var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';var hundertPercent = this['maxVal'+k] - this['minVal'+k];if (this.logCoord) { var myPercent = (Math.log(val)-Math.log(this['minVal'+k]))/(Math.log(this['maxVal'+k]) - Math.log(this['minVal'+k]));} else { val = val - this['minVal'+k]; var myPercent = val / hundertPercent; }//alert(myPercent);if (this.direction == 0) { var pos = this['ctrl'+k].minX + ((this['ctrl'+k].maxX - this['ctrl'+k].minX) * myPercent);} else { var pos = this['ctrl'+k].minY + ((this['ctrl'+k].maxY - this['ctrl'+k].minY) * myPercent);} return pos;}this._roundToGrid = function(val, knobId) { val = parseFloat(val); if (isNaN(val)) return this.minVal; val = Math.round(val / this.valueInterval) * this.valueInterval; val = Math.round(val*10000)/10000; if (val < this.minVal) val = this.minVal; if (val > this.maxVal) val = this.maxVal; if (this.useSecondKnob && this.preventValueCrossing) { if ((typeof(knobId) == 'undefined') || (knobId == 1)) { if (val >= this._valueInternal2) { val = this._valueInternal2 - this.valueInterval;if (val < this.minVal) val = this.minVal; } } else { if (val <= this._valueInternal) { val = this._valueInternal + this.valueInterval2; if (val > this.maxVal2) val = this.maxVal2; } } } return val;}this._getNewLocationFromCursor = function(ctrl) {if (ctrl.knobId == 1) {var ox = this._posEventSlideStartX;var oy = this._posEventSlideStartY;var posObjSlideStartX = this._posObjSlideStartX;var posObjSlideStartY = this._posObjSlideStartY;} else {var ox = this._posEventSlideStartX2;var oy = this._posEventSlideStartY2;var posObjSlideStartX = this._posObjSlideStartX2;var posObjSlideStartY = this._posObjSlideStartY2;}switch (this.direction) {case 0:var t = ctrl.pageX - ox;var x = parseInt(posObjSlideStartX) + t;if (x > ctrl.maxX) x = ctrl.maxX;if (x < ctrl.minX) x = ctrl.minX;return x;case 1:var t = ctrl.pageY - oy;var y = parseInt(posObjSlideStartY) + t;if (y > ctrl.maxY) y = ctrl.maxY;if (y < ctrl.minY) y = ctrl.minY;return y;}}this.updatePointer = function(newPos) {this.updateHandle(newPos);}this.updateHandle = function(newPos, knobId) { if ((typeof(knobId) == 'undefined') || (knobId == 1)) { if (this.direction == 0) { this._currentRelSliderPosX = newPos; this.ctrl.div.style.left = newPos+"px"; } else { this._currentRelSliderPosX = newPos; this.ctrl.div.style.top = newPos+"px";} } else { if (this.direction == 0) { this._currentRelSliderPosX2 = newPos; this.ctrl2.div.style.left = newPos+"px"; } else { this._currentRelSliderPosX2 = newPos; this.ctrl2.div.style.top = newPos+"px"; }}return;}this.updateValueField = function(val, knobId) {var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this['_valueFieldObj'+k]) {this['_valueFieldObj'+k].value = val;}}this.updateValueText = function(val, knobId) {var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this['_valueTextObj'+k]) {this['_valueTextObj'+k].innerHTML = val;}}this.arrowOnClick = function() {}this.onChange = function(val) { if (this._disabled) return; this.setValue(val);}this.updateInputBox = function(val) {if (this._disabled) return;this.setValue(val);}this.textboxEdit = function(editMode, knobId) {var k = ((typeof(knobId) == 'undefined') || (knobId == 1)) ? '' : '2';if (this._disabled) return;if (editMode) {if ('undefined' != typeof(this['_valueFieldObj'+k])) {this['_valueTextObj'+k].style.display = 'none';this['_valueFieldObj'+k].style.display = 'block';bsFormFieldSetFocusAndSelect(this['_valueFieldObj'+k], false);}} else {if ('undefined' != typeof(this['_valueTextObj'+k])) {this['_valueFieldObj'+k].style.display = 'none';this['_valueTextObj'+k].style.display = 'block';}}}this.slideMove = function(ctrl, client) {ctrl.sliderObj.onChangeBySlide(ctrl);}this.slideStart = function(ctrl, client) { this.currentKnob=ctrl.knobId; if (ctrl.knobId == 1) { ctrl.sliderObj._handleObj.style.zIndex += 2; ctrl.sliderObj._posEventSlideStartX = ctrl.startX; ctrl.sliderObj._posEventSlideStartY = ctrl.startY; ctrl.sliderObj._posObjSlideStartX = ctrl.sliderObj._handleObj.style.left; ctrl.sliderObj._posObjSlideStartY = ctrl.sliderObj._handleObj.style.top; } else { ctrl.sliderObj._handleObj2.style.zIndex += 2; ctrl.sliderObj._posEventSlideStartX2 = ctrl.startX; ctrl.sliderObj._posEventSlideStartY2 = ctrl.startY; ctrl.sliderObj._posObjSlideStartX2 = ctrl.sliderObj._handleObj2.style.left; ctrl.sliderObj._posObjSlideStartY2 = ctrl.sliderObj._handleObj2.style.top; }// var val = ctrl.sliderObj.getValue(ctrl.knobId);// val=ctrl.sliderObj._roundToGrid(val, ctrl.knobId); var pos = ctrl.sliderObj.getSliderPos(ctrl.knobId); ctrl.sliderObj.setValue(pos, ctrl.knobId); if ('undefined' != typeof(ctrl.sliderObj.slideStartCB)) { ctrl.sliderObj.slideStartCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos); }}this.slideEnd = function(ctrl, client){ if (this._disabled) return; if (ctrl.knobId == 1) { ctrl.sliderObj._handleObj.style.zIndex -= 2; } else { ctrl.sliderObj._handleObj2.style.zIndex -= 2; } var pos=ctrl.sliderObj.getSliderPos(ctrl.knobId); if ('undefined' != typeof(ctrl.sliderObj.slideEndCB)) { ctrl.sliderObj.slideEndCB(ctrl.sliderObj, ctrl.sliderObj.getValue(), pos); } if ('undefined' != typeof(ctrl.sliderObj.eventOnChange)) ctrl.sliderObj.eventOnChange(ctrl.sliderObj, ctrl.sliderObj.getValue(ctrl.knobId), pos);return;}this._constructor(theFieldnamePrefix);}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -