I've been working on an upload feature that uses HTML5 xhr.upload.progress listener to update the progress bar. It works great everyone except for Edge, which, starting with version 15 has a bug in progress listener implementation. It manifests itself in progress event been triggered once, when the upload is complete.
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12224510/
I looked at a few upload frameworks (FineUpload, jQuery File Upload), but they all seem to rely on that feature, as well. How was it done before progress listener existed? I hope there are other options besides Flash, which I won't be able to use.
Thank you!
Related
I'm developing a web app for the Galaxy Tab S3 that allows the user to draw with a Samsung S-Pen. The S-Pen has a button on the side which I know can be used by native Android applications to perform various functions. However, I am having a hard time figuring out how to identify which event gets fired in the browser when this button is pressed (or even if an event is fired?).
I have tried out all of the PointerEvents and TouchEvents and I tried identifying an event here: https://patrickhlauke.github.io/touch/
I also found nothing in the S-Pen SDK:
https://developer.samsung.com/galaxy-spen-remote/overview.html
And unfortunately this post was removed:
https://stackoverflow.com/questions/51489489/detecting-pen-stylus-button-events-in-javascript
Does anybody know the name of the event or where I can figure this out?
On my desktop using Django-1.9 admin, on Firefox, the django-leaflet MultipolygonField widget works as expected.
However, on a Samsung tablet using either Chrome or Firefox or the native browser, although I can select the tool to start drawing the polygon, by touching it, it is impossible to place any point on the map.
It seems like the widget does not respond to any touch/hit/punch event.
Is anybody else experiencing something like that? I have posted a relevant question in django-leaflet and I am still waiting for a hint.
Leaflet-draw 0.2.4, which is used to enable drawing in django-leaflet, doesn't support touch yet.
Leaflet-draw 0.3.0 adds touch support, and a pull request exists to update it in django-leaflet. Not much activity there though.
You should be able to override the file by downloading the new version of leaflet-draw and add that to a directory static/leaflet/draw/ in your Django app.
I am trying to make SoundJS work with angular on mobile devices. The problem is that mobile devices require the sound to be played in direct response to a touch event. However in SoundJS, when user selects a song to play, it has to get loaded first and then gets played when the loadComplete handler is called. SoundJS folks suggest a hack-ish way by launching the entire application (the JavaScript code) from a touch event
http://www.createjs.com/tutorials/Mobile%20Safe%20Approach/
However, i have no idea how to make this work with angular. Has anyone figured this out ?
I need to display four realtime smooth graphs representing user's biodata in my android application. I tried every free android library but they were not as smooth as their javascript counterparts. So I decided to use the highcharts js in webview.
Four graphs in the same screen works smoothly. But webview is not recognising touch events quickly. I tried playing with H/w accelartion, touch events etc. but it did not help.
Whenever I touch a button on the webview logcat says :-
"12-13 16:13:37.436: V/WebViewInputDispatcher(9308): blockWebkitDraw"
"12-13 16:13:37.441: V/WebViewInputDispatcher(9308): blockWebkitDraw lockedfalse"
After touching buttons multiple times it says :-
"12-13 16:13:37.806: V/WebViewInputDispatcher(9308): blockWebkitDraw lockedtrue"
So basically any touch on highcharts graph or the buttons does not work quickly. I am loading html/js/css from assets folder.
What fixes I need to perform in webview to resolve this? I don't think there is any problem with my html/js/css code because it runs perfectly fine on Chrome mobile.
Having your app an important delay is a possible indicator that probably you're doing some hard work in the UIThread that you should probably sepparate in a Thread or an AsyncTask.
You don't mention what is supposed to happen when you touch a chart, but some code would probably clarify that.
I strongly recommend installing Eclipse Memory Analyzer Tool (assuming you use Eclipse, otherwise you should find a similar tool for the environment you use) and combine it's usage with DDMS. This will give you some clues of where the bottleneck might be.
This is a good tutorial on how to use them: http://therockncoder.blogspot.com.es/2012/09/fixing-android-memory-leak.html
This one's very clarifying too: http://eclipsesource.com/blogs/2013/01/21/10-tips-for-using-the-eclipse-memory-analyzer/
I am implementing a touch animation with the EaselJs library.
When I read am image from a local folder all mouse events are working OK, like: onPress.
But when I choose an image source from a URL like:
http://www.visionale.net/wp-content/uploads/cool-accessories-car.jpg
mouse events, like onPress, stop working.
Try for example to dragAndDrop from library and change image link "img/x.jpg" to any link from internet.
That's the <canvas> crossdomain issue (security feature).
There is a workaround: you can use a simple 'proxy script' on your server.
This one is pretty nice: http://benalman.com/projects/php-simple-proxy/