src/js/widgets/sliderWidget.js
branchpopcorn-port
changeset 481 a46cfeee6d77
parent 476 3957157b7f96
child 488 ab73470647cb
equal deleted inserted replaced
480:043a159c75f0 481:a46cfeee6d77
    22   // another special variable used by the timeout handler to
    22   // another special variable used by the timeout handler to
    23   // open or close the slider.
    23   // open or close the slider.
    24   this.sliderMaximized = false;
    24   this.sliderMaximized = false;
    25   this.timeOutId = null;
    25   this.timeOutId = null;
    26 
    26 
       
    27   
    27   this.positionMarker.draggable({axis: "x",
    28   this.positionMarker.draggable({axis: "x",
    28   start: IriSP.wrap(this, this.positionMarkerDraggingStartedHandler),
    29   start: IriSP.wrap(this, this.positionMarkerDraggingStartedHandler),
    29   stop: IriSP.wrap(this, this.positionMarkerDraggedHandler),
    30   stop: IriSP.wrap(this, this.positionMarkerDraggedHandler),
    30   containment: "parent"
    31   containment: "parent"
    31   });
    32   });
    32 
    33   this.positionMarker.css("position", "absolute");
       
    34   
    33   this.sliderBackground.click(function(event) { self.backgroundClickHandler.call(self, event); });
    35   this.sliderBackground.click(function(event) { self.backgroundClickHandler.call(self, event); });
    34   this.sliderForeground.click(function(event) { self.foregroundClickHandler.call(self, event); });
    36   this.sliderForeground.click(function(event) { self.foregroundClickHandler.call(self, event); });
    35 
    37 
    36   this.selector.hover(IriSP.wrap(this, this.mouseOverHandler), IriSP.wrap(this, this.mouseOutHandler));
    38   this.selector.hover(IriSP.wrap(this, this.mouseOverHandler), IriSP.wrap(this, this.mouseOutHandler));
    37 
    39 
   110   this.sliderMaximized = true;
   112   this.sliderMaximized = true;
   111 
   113 
   112   this.sliderBackground.animate({"height": "9px"}, 100);
   114   this.sliderBackground.animate({"height": "9px"}, 100);
   113   this.sliderForeground.animate({"height": "9px"}, 100);
   115   this.sliderForeground.animate({"height": "9px"}, 100);
   114   this.positionMarker.animate({"height": "9px", "width": "9px"}, 100);
   116   this.positionMarker.animate({"height": "9px", "width": "9px"}, 100);
   115   this.positionMarker.css("margin-top", "-4px");
   117   //this.positionMarker.css("margin-top", "-4px");
   116   
   118   
   117 //  this.selector.removeClass("Ldt-SliderMinimized");
   119 //  this.selector.removeClass("Ldt-SliderMinimized");
   118 //  this.selector.addClass("Ldt-SliderMaximized");
   120 //  this.selector.addClass("Ldt-SliderMaximized");
   119 };
   121 };
   120 
   122