You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
/*
|
|
Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
|
|
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
|
see: http://dojotoolkit.org/license for details
|
|
*/
|
|
|
|
|
|
if(!dojo._hasResource["dijit.form.HorizontalRule"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
|
|
dojo._hasResource["dijit.form.HorizontalRule"] = true;
|
|
dojo.provide("dijit.form.HorizontalRule");
|
|
dojo.require("dijit._Widget");
|
|
dojo.require("dijit._Templated");
|
|
|
|
|
|
dojo.declare("dijit.form.HorizontalRule", [dijit._Widget, dijit._Templated],
|
|
{
|
|
// summary:
|
|
// Hash marks for `dijit.form.HorizontalSlider`
|
|
|
|
templateString: '<div class="dijitRuleContainer dijitRuleContainerH"></div>',
|
|
|
|
// count: Integer
|
|
// Number of hash marks to generate
|
|
count: 3,
|
|
|
|
// container: String
|
|
// For HorizontalSlider, this is either "topDecoration" or "bottomDecoration",
|
|
// and indicates whether this rule goes above or below the slider.
|
|
container: "containerNode",
|
|
|
|
// ruleStyle: String
|
|
// CSS style to apply to individual hash marks
|
|
ruleStyle: "",
|
|
|
|
_positionPrefix: '<div class="dijitRuleMark dijitRuleMarkH" style="left:',
|
|
_positionSuffix: '%;',
|
|
_suffix: '"></div>',
|
|
|
|
_genHTML: function(pos, ndx){
|
|
return this._positionPrefix + pos + this._positionSuffix + this.ruleStyle + this._suffix;
|
|
},
|
|
|
|
// _isHorizontal: [protected extension] Boolean
|
|
// VerticalRule will override this...
|
|
_isHorizontal: true,
|
|
|
|
buildRendering: function(){
|
|
this.inherited(arguments);
|
|
|
|
var innerHTML;
|
|
if(this.count == 1){
|
|
innerHTML = this._genHTML(50, 0);
|
|
}else{
|
|
var i;
|
|
var interval = 100 / (this.count-1);
|
|
if(!this._isHorizontal || this.isLeftToRight()){
|
|
innerHTML = this._genHTML(0, 0);
|
|
for(i=1; i < this.count-1; i++){
|
|
innerHTML += this._genHTML(interval*i, i);
|
|
}
|
|
innerHTML += this._genHTML(100, this.count-1);
|
|
}else{
|
|
innerHTML = this._genHTML(100, 0);
|
|
for(i=1; i < this.count-1; i++){
|
|
innerHTML += this._genHTML(100-interval*i, i);
|
|
}
|
|
innerHTML += this._genHTML(0, this.count-1);
|
|
}
|
|
}
|
|
this.domNode.innerHTML = innerHTML;
|
|
}
|
|
});
|
|
|
|
}
|