Loading ...
Sorry, an error occurred while loading the content.

Slider Control Issue

Expand Messages
  • Lamb, Ron
    I have integrated the slider into a Widget I am creating. The slider does slide back and forth but I am seeing some unusual behavior that I need to fix.
    Message 1 of 4 , Nov 16, 2006
    • 0 Attachment
      I have integrated the slider into a Widget I am creating. The slider
      does slide back and forth but I am seeing some unusual behavior that I
      need to fix.

      Below is snippet of the code I used to create the Slider. HTML of the
      slider and the CSS for the background

      slider = YAHOO.widget.Slider.getHorizSlider("sliderbg", "sliderThumb",
      0, 144, 8);
      this.slider.setValue(intialLevel, true, false);
      this.slider.enableKeys = false;


      <div id="sliderBG">
      <div id="GplSliderThumb"><img src="img/slide.png" alt=""
      title=""/></div>
      </div>

      #sliderbg
      {
      position: absolute;
      left: 25px;
      top: 5px;
      background:url(../img/horzBarBg.gif) no-repeat;
      height: 15px;
      width: 151px;
      }

      The issue that I am having is that when I click to the left of the
      slider it will jump all the way to the beginning. When I click to the
      right of the slider nothing happens.

      Personally I would like to tie into the event of clicking to the left or
      right and moving it one notch left or right but if this is not double I
      would like nothing to happen when the user does this.

      Am I missing something? I looked at the samples and I can't figure
      out how the samples are able to have this type of behavior. Thanks in
      advance for your help. Excellent library.


      Ron


      **********************************************************************
      This message contains confidential information intended only for the use of the addressee(s) named above and may contain information that is legally privileged. If you are not the addressee, or the person responsible for delivering it to the addressee, you are hereby notified that reading, disseminating, distributing or copying this message is strictly prohibited. If you have received this message by mistake, please immediately notify us by replying to the message and delete the original message immediately thereafter.

      Thank you.

      FADLD Tag
      **********************************************************************
    • Christian Schyma
      ... Same issue here! Any solutions yet? regards Christian
      Message 2 of 4 , Nov 30, 2006
      • 0 Attachment
        --- In ydn-javascript@yahoogroups.com, "Lamb, Ron" <rolamb@...> wrote:

        > The issue that I am having is that when I click to the left of the
        > slider it will jump all the way to the beginning. When I click to
        > the
        > right of the slider nothing happens.

        Same issue here! Any solutions yet?

        regards
        Christian
      • Adam Moore
        ... I don t see a style definition for the thumb. Adding a position style (either absolute or relative) to the thumb should resolve your issue. ... This is
        Message 3 of 4 , Nov 30, 2006
        • 0 Attachment
          On Thu, Nov 16, 2006 at 05:03:51PM -0800, Lamb, Ron wrote:
          > I have integrated the slider into a Widget I am creating. The slider
          > does slide back and forth but I am seeing some unusual behavior that I
          > need to fix.
          >
          > Below is snippet of the code I used to create the Slider. HTML of the
          > slider and the CSS for the background
          >
          > slider = YAHOO.widget.Slider.getHorizSlider("sliderbg", "sliderThumb",
          > 0, 144, 8);
          > this.slider.setValue(intialLevel, true, false);
          > this.slider.enableKeys = false;
          >
          >
          > <div id="sliderBG">
          > <div id="GplSliderThumb"><img src="img/slide.png" alt=""
          > title=""/></div>
          > </div>
          >
          > #sliderbg
          > {
          > position: absolute;
          > left: 25px;
          > top: 5px;
          > background:url(../img/horzBarBg.gif) no-repeat;
          > height: 15px;
          > width: 151px;
          > }

          I don't see a style definition for the thumb. Adding a position style
          (either absolute or relative) to the thumb should resolve your issue.

          >
          > The issue that I am having is that when I click to the left of the
          > slider it will jump all the way to the beginning. When I click to the
          > right of the slider nothing happens.
          >
          > Personally I would like to tie into the event of clicking to the left or
          > right and moving it one notch left or right but if this is not double I
          > would like nothing to happen when the user does this.

          This is not supported currently, but please submit a feature request if
          you would like to see it added:

          http://sourceforge.net/tracker/?group_id=165715&atid=836479


          -Adam
          -Adam
        • Christian Schyma
          ... Thanks, this hint solved my problem. Cheers Christian
          Message 4 of 4 , Dec 1, 2006
          • 0 Attachment
            --- In ydn-javascript@yahoogroups.com, Adam Moore <adamoore@...> wrote:

            > I don't see a style definition for the thumb. Adding a position
            > style
            > (either absolute or relative) to the thumb should resolve your
            > issue.

            Thanks, this hint solved my problem.

            Cheers
            Christian
          Your message has been successfully submitted and would be delivered to recipients shortly.