Solved

jquery if else statement for ipad and smooth-div-scroll plugin

Posted on 2013-01-16
4
771 Views
Last Modified: 2013-01-16
Hello,
 I am using the jquery smooth-div-scroll plugin and it works on ipad with one set of plugin initialization options and works on a windows tablet with a different set of initialization options. (the windows tablet setting also works for everything else)

So, I am trying to use a jquery if/else to basically say,

   If user is ipad then do this-

               use these plugin options:                
        touchScrolling: true,
        manualContinuousScrolling: false

               else (otherwise use these options)-
                              hotSpotScrolling: true,
                              manualContinuousScrolling: false

Here's what I have so far but don't know how to correctly inject the else statement into this. Can someone please help with this part?

<script type="text/javascript">

                       $(document).ready(function () {

        var browser = navigator.userAgent;
        if (browser.match(/iPad/i)) {
     }
                      $("div#ScrollContainer").smoothDivScroll({

                            touchScrolling: true,
                           manualContinuousScrolling: false
    });
    });
   </script>
0
Comment
Question by:kmkmediagroup
  • 3
4 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 500 total points
ID: 38784071
<script type="text/javascript">
$(document).ready(function () {

        var browser = navigator.userAgent;
        if (browser.match(/iPad/i)) {

                      $("div#ScrollContainer").smoothDivScroll({

                            touchScrolling: true,
                           manualContinuousScrolling: false
    });

     } else {
                      $("div#ScrollContainer").smoothDivScroll({
hotSpotScrolling: true,
                              manualContinuousScrolling: false
    });
}

    }); 
   </script>

Open in new window


Seems like messy one but when you tidy up, it should work.
0
 

Author Comment

by:kmkmediagroup
ID: 38784152
Thank you much but its not working. That's basically what I was trying to do too. Program says there is a syntax error on line 4. (but its probably somewhere else as line 4 seems fine to me)

But what I do know is that the result it is applying the first set of options to ALL - so seems to be ignoring the "else" part.  Any ideas?
0
 

Author Comment

by:kmkmediagroup
ID: 38784297
Ooops, I take that back. It worked. Not sure why it didn't the first time - I think I just may have omitted the closing script tag or something, but is working now!
Thank you!!
0
 

Author Closing Comment

by:kmkmediagroup
ID: 38784300
Thanks for the super quick response!!
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Viewers will learn about the regular for loop in Java and how to use it. Definition: Break the for loop down into 3 parts: Syntax when using for loops: Example using a for loop:
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question