Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2013-01-16
4
Medium Priority
?
788 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 2000 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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

715 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