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
Solved

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

Posted on 2013-01-16
4
775 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

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

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 …
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

828 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