Click and drag not working on iPhone [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
Check this site.
It's working fine in all browsers but when I run this in iPhone Safari, it does not work correctly. It's just a JavaScript code that finds click and drag event. Using click and drag I am changing images. Please click and drag images.
I need some special code for making this work in iPhone Safari.

Mobile webkit doesn't use mousedown/mouseup events that are the basis for conventional web drag and drop. Instead, mobile webkit uses touch events.
Have a look at this blog post for details:
http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

Related

No matter what I do, overflow-x: hidden doesn't work on mobile devices [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I've been working on this website, and i cannot seems to disable the horizontal scrolling on mobile devices. I've looked up countless of questions concerning this problem, but none of them seem to solve my problem.
http://athostrainingcenter.be/home.html
So the overflow-x is disabled for desktop and even if I change the width of my browser on desktop it's also disabled. It's also disabled when I click on 'inspect' and view the website on a mobile device on my computer.
But when I open the website on my actual phone I can still scroll to the right. I wish there was just one solution that fits all.
Anyone who can give me any advice?
Cheers

Webpage scrolls when keyboard pops up [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I've noticed that when I am on my ipad or iphone and I open up the chatbox on my site and start to type, the webpage behind the chatbox will scroll back to the top of the site and not stay where I scrolled down. My website is www.leormanelis.com. Does not seem to happen on android devices. Does anyone know a fix?
Video - https://screencast.com/t/uiWdL39Qg6
Your scroll to top button is under the chat button this is from Safari on Mac, you need to make sure the CSS of the 2 buttons doesn't overlap each other
example

Canvas Drawing issue in mozila browser [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
i am just wondering my web application has a dragging chart and i just noticed that when i tried to run it in mozila browser the drawing is slower compared to other major browser. my question is what is the cause of this? is there a technique to make it faster? my drawing is like this in canvas
CanvasContext.beginPath();
CanvasContext.moveTo(0,0);
CanvasContext.lineTo(500,500);
CanvasContext.stroke();
something like that. and it is really slower as in really slow in mozila.
Anyone know why??
like I said in the comment, firefox is slower,
the jsperf test results:
firefox: 25,003 ops/sec
chrome: 168,670 ops/sec
to see that visually, you can see this beautiful link.
apparanty, it is already posted as bug in bugzilla.
Edit seems like they have fixed the issue in latest Firefox(v45).

HTML5 Game Develop - Mobile Movement [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I'v made this game:
http://yonicks.com/HTML5_Game/game.html
it was made firstly for web not mobile.
I'm trying to add to it events that when I tilt my phone the octopus will move to that side.
its currently working good on android phones, it just need to move when I tilt it. (need it only for android's phone for now)
Can anyone help me? need to send it until 00:00 today
update: working now on android.
one more question, I don't know why but the game isn't running on IOS devices, i think it's because of part where I use ajax to get the game data from XML, how i can fix it ? ( dunno even how to debug it)
on IOS device I can see only the "enter your name" box, without the canvas box.
update: i Found the problem in IOS, this code aint working:
var imgSprite = new Image();
imgSprite.src = 'images/sprite.png';
imgSprite.addEventListener('load', init, false);
can anyone tell me why? and what i can do instead?
The devicemotion event works on iOS and some newer Android versions.
In iOS, the onload event doesn't fire for images. You can try downloading the image using an ajax request and assigning it to an image object instead.

Check if person leaving site through mouse move [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
anybody help me
how to check if person leaving site through mouse move toward the close button?
Thanks
you might need to look at Page Visibility API ,
Page Visibility API document.hidden is one way to access whethere user is on website or not , it works on switching tab , closing browser all..
here's nice explaination on that := Page Visibility API Info
notice the browser support at end.
IE Firefox Chrome Safari Opera
10+ 10.0+ 14.0+ 7.0+ 12.1+

Categories

Resources