A member here has given me a code to sniff out ipad and iphone users on my site. in_array("ipad",$_SERVER[http_user_agent]); Code (markup): But I don't know how to use this to tell iphones and ipads to run my script. <script type="text/javascript" src="script/iscroll.js"></script> <script type="text/javascript"> var myScroll; function loaded() { setTimeout(function () { myScroll = new iScroll('scroll-pane', { zoom: true, snap:true, hScrollbar: false, vScrollbar: false, zoomMax: 2, momentum: true }); }, 100); } window.addEventListener('load', loaded, false); </script> PHP: Alternatively, if I could tell IE9 not to run this script that would be good too
that's php.. here's a javascript version.. var is_iPad = /iPad/i.test(navigator.userAgent); var is_iPhone = /iPhone/i.test(navigator.userAgent); var is_iPod = /iPod/i.test(navigator.userAgent); Code (markup): here's how to integrate with your code.. <script type="text/javascript" src="script/iscroll.js"></script> <script type="text/javascript"> var is_iPad = /iPad/i.test(navigator.userAgent); var is_iPhone = /iPhone/i.test(navigator.userAgent); var is_iPod = /iPod/i.test(navigator.userAgent); var myScroll; function loaded() { if(is_iPad || is_iPhone || is_iPod ){ setTimeout(function () { myScroll = new iScroll('scroll-pane', { zoom: true, snap:true, hScrollbar: false, vScrollbar: false, zoomMax: 2, momentum: true }); }, 100); } } window.addEventListener('load', loaded, false); </script> HTML:
Do you want client-side solution or server-side solution? What language are you using on the server side?
Just building the pages with HTML (no PHP or anything like that involved). Was hoping there might be an equivalent to CSS media types where when viewed on certain devices a certain bit of code isn't applied. It's just to disable one particular bit of javascript if not viewed on a computer.
At the top of your function, you could put an early return statement. if (isIphone || isIpad) { return; } Code (markup):