I have a simple "drag to draw" doodle style HTML5/canvas implementation which uses the 'mousemove' event on the canvas. E.g.:
canvas.addEventListener( 'mousemove', drawingFunction, false );
This works fine on, say, Safari or FF on the desktop. However, when run on an iPhone, dragging only scrolls the webview around the screen.
Note that I've also tried out several other HTML5 drag-to-draw applets with Safari on the iPhone, and so far, they all seem to fail the same way.
Is it not possible to separate drag/mousemove events on the canvas from webview scroll events?
Thanks for any advice!
I ~think~ I found the solution:
http://www.bennadel.com/blog/1867-Drawing-On-The-iPhone-Canvas-With-jQuery-And-ColdFusion.htm
Related
I have an issue where I have a hidden toolbar the drops down with social buttons on it, the VK.com like button being one of them.
It refuses to show itself in FireFox. All other browsers work fine however when the bar pulls down there is nothing there in FF. Does Vkontakte have a force load / render like Facebook and Google do where you can programmatically trigger the render of the like button.
It may be because you have launched video on vkontakte with firefox zoom something other than 1:1. This may result in distorted video player pop-up window size. it is a bitch to fix, since reinstalling firefox and flash player don't do any good.
Launching vk.com videos with different zoom rates, and finally 1:1, seems to fix it.
This may be unrelated to your problem.
I am looking for a jquery plugin that navigates to other pages of a website using a sliding animation similar to some iphone apps. I tried designing this on my own but I could not get it to work.
Here is an example of what I need:
(on pressing the button)
Did you have a look at JQuery Mobile? It mimics a lot of the iPhone animations, and it will run on non-mobile browsers as well as mobile browsers. For instance, http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html has a "Slide" transition that you can demo.
You could try sencha touch, never used it personally but appears to do what you want.
Demo: http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#menu/animations
Download: http://www.sencha.com/products/touch/
There's also JQtouch a quick google will find that (as I cant post the link because of low reputation)
I have a very rare problem on iOS (iphone).
i developed the site yolieva.de with a videoclip which also runs on ios. but it plays in the background because on top is the navigation with z-index. but it is not accessible from ios. kind of disabled because of the videoclip. you may want to try it with an iphone and you see you cant click through the site…
how to solve this? i want to keep the navigation above the video
I think this has something to do with how iOS deals with the videoclip, so I am not sure that you can do anything about it directly.
Why don't you make the div containing the flash player (id player) smaller on the iphone?
In fact, on the iphone your flash video is not shown in place, there is anyway a change of view, so there is no need of having it full screen either. Of course, you should make your flash player div smaller only for iOS, not other browsers, where it is fine that it is full screen...
I'm using jqTouch inside a UIWebView of my native iPhone application and many of the pages have very weird "tap-jump" issues.
About 75% of the time that I access a page if I scroll down a bit, and just tap anywhere on the screen, it jumps to the top of the page. If I open that same page in the iPhone Safari browser, it works great every time and no "tap-jump" issue. So it appears to be an issue ONLY within the UIWebView.
I've been spending hours and hours trying different things to figure out why this is happening and I welcome any ideas.
Thanks,
John
It is expected behavior for jQTouch to scrollTo(0,0) on slide left/right navigation. Of course, this will only create a noticeable effect if you tap a link while the page is scrolled (i.e., if the page isn't scrolled, it can't jump).
I don't know why you'd see a difference between UIWebView and Mobile Safari, unless perhaps the UIWebView is shorter than Mobile Safari, which could create the possibility of scrolling in the UIWebView that doesn't exist in Mobile Safari.
My suggestions are:
Make sure you have the latest version of jQTouch (https://github.com/senchalabs/jQTouch)
Make sure you are doing exactly the same testing in UIWebView as you are in Mobile Safari (i.e., if you scroll down prior to tapping in one, do the same in the other).
HTH,
j
I am developing phonegap app in iphone,after successfully viewing pdf file
(from server) on new HTML page,the vertical scrollbar get disable ,even i get back to the
list page ,the list does not get scroll,this happen only if i run the app directly in
simulator (not from xcode),any one know ,how to resolve this issue.
thanks in advance.
regards,
mayur
To display pdf in phonegap, have lots of trouble, but best solution so far,is to used ChildBrowser Plugin for phonegap here is the link-
https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
this will help you to call child native uiwebview in your application(only for iphone), so you can easily enjoy pinch zoom feature, even the app scrollbar does not get disable,
it works fine!