source: Dev/trunk/src/client/dijit/form/HorizontalRule.js

define([
        "dojo/_base/declare", // declare
        "../_Widget",
        "../_TemplatedMixin"
], function(declare, _Widget, _TemplatedMixin){

        // module:
        //              dijit/form/HorizontalRule

        return declare("dijit.form.HorizontalRule", [_Widget, _TemplatedMixin], {
                // 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){
                        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;
                }
        });
});