1 Reply Latest reply on Nov 12, 2012 7:56 AM by stokerjohn1981

    Slide bar still not working

    stokerjohn1981

      Hi guys

       

      Really having problems with making this slider work for my iPad. Firstly Im no coder and have limited knowledge

      but I am trying to learn so I can utilise Edge animate more and more.

       

      Below is a link to download my edge folder and was wondering if anyone can have a poke around to advise what I may be doing wrong.

      Basically the movement is working on my desktop using the mouse however when uploading to my ftp space and accessing the .html slide

      it doesnt work

       

      FOLDER LINK

       

      and also is the code im using on stage under compositionready

       

      var dragme = false;

       

       

      $(function () {

       

       

         var element = sym.$("Divider");

         var clipper = sym.$("bar");

       

       

                element.mousedown(function() { dragme = true })

                $(document).mouseup(function() { dragme = false })

                $(document).mousemove(function(e) { 

       

       

                                    if(dragme){

                                              //Drag left side to the value of x.pageX (direction horizontal)

                                              element.offset({

                      //top: e.pageY,

                      left: e.pageX

                  });

                  //Or use css property values

                  //element.css('left', e.pageX);

       

       

                  //Drag right clip side to the value of x.pageX (direction horizontal)

                  //clip values top, right, bottom, left

                  var directionX = e.pageX - (clipper.offset().left);

                                              clipper.css('clip','rect(0px '+directionX+'px 600px 0px)');

                                    }

                          })

                })

        • 1. Re: Slide bar still not working
          stokerjohn1981 Level 1

          Hello again

           

          Seemed to have answered my own question by looking into some helpful links provided by resdesign. I have another question if I may.

          The layout the slider sits in has some other interactions and when I test the page on the ipad the other interactions/buttons do not activate, and the slider is controllable no matter where I touch on the screen. I really just want to contain the interaction of the slider to the related graphic. Can anyone help

           

          kind regards

           

          John