Changeset 13267

Timestamp:

04/04/08 13:45:59 (9 months ago)

Author:

toonetown

Message:

fixes #6250: implements hover-based scrolling as an option (defaults to false) on dijit._TimePicker

Location:

dijit/trunk

Files:

• tests/form/test_TimeTextBox.html (modified) (1 diff)
• _TimePicker.js (modified) (3 diffs)

dijit/trunk/tests/form/test_TimeTextBox.html

@@ -121 +121 @@
         </div>
 
+        <div class="dojoTitlePaneLabel">
+                <label for="q6"> Hover-based scrolling 12 Hour Time </label>
+                <span class="noticeMessage">TimeTextBox class,
+                        Attributes: {hoverScroll: true, timePattern:'h:mm:ss a'}</span>
+        </div>
+        <div class="testExample">
+                <input id="q6" type="text" name="timeauto" class="medium" value="T17:45:00"
+                        dojoType="dijit.form.TimeTextBox"
+                        constraints="{hoverScroll: true, timePattern:'h:mm:ss a'}"
+                        required="true"
+                        invalidMessage="Invalid time." />
+        </div>
+
         <script>
                 function displayData() {

dijit/trunk/_TimePicker.js

@@ -20 +20 @@
                 //              see dijit._TimePicker.visibleRange
                 visibleRange: "T05:00:00"
+                
+                // hoverScroll: Boolean
+                //              see dijit._TimePicker.hoverScroll
         }
 );
@@ -55 +58 @@
                 //              Example: `T05:00:00` displays 5 hours of options
                 visibleRange: "T05:00:00",
+
+                // hoverScroll: Boolean
+                //              Specifying true here will have the time picker scroll by only
+                //              hovering on the arrow buttons - rather than needing to click
+                //              them.  It is accomplished by kicking off a typematic trigger
+                //              when the buttons are hovered.
+                hoverScroll: false,
 
                 // value: String
@@ -158 +168 @@
                         //dijit.typematic.addListener(this.upArrow,this.timeMenu, {keyCode:dojo.keys.UP_ARROW,ctrlKey:false,altKey:false,shiftKey:false}, this, "_onArrowUp", 0.8, 500);
                         //dijit.typematic.addListener(this.downArrow, this.timeMenu, {keyCode:dojo.keys.DOWN_ARROW,ctrlKey:false,altKey:false,shiftKey:false}, this, "_onArrowDown", 0.8,500);
-
+                        
+                        if(this.hoverScroll){
+                                // Connect some callback functions to the hover event of the arrows
+                                var triggerFx = function(cb){
+                                        return function(cnt){
+                                                // don't run on the first firing
+                                                if(cnt > 0){cb.call(this, arguments);}
+                                        };
+                                };
+                                var hoverFx = function(node, cb){
+                                        return function(e){
+                                                dojo.stopEvent(e);
+                                                dijit.typematic.trigger(e, this, node, triggerFx(cb), node, 0.85, 250);
+                                        };
+                                };
+                                this.connect(this.upArrow, "onmouseover", hoverFx(this.upArrow, this._onArrowUp));
+                                this.connect(this.downArrow, "onmouseover", hoverFx(this.downArrow, this._onArrowDown));
+                        }
+                        
                         this.inherited(arguments);
                         this.setValue(this.value);