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.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I love the way the sliders on this web site work. How in the world can I make ones that look and act like them? In particular, I love that everything they are connected to update on the fly. I love that they are non-linear. They have a large touch input grab zone but a small slider icon. And I love that the don't engage if a mobile users touches them but then slides their finger off. It does a great job of preventing accidental touches.
https://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html
I tried using a JS library called ionRangeSlider, but it doesn't feel as slick as the NYT ones. And it doesn't prevent accidental touch inputs.
Any help would be very appreciated.
You could probably achieve something similar using a traditional slider coupled with chartJS.
If you're looking for a more exact technology stack, builtwith.com may help:
https://builtwith.com/?https%3a%2f%2fwww.nytimes.com%2finteractive%2f2014%2fupshot%2fbuy-rent-calculator.html
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 im currently in the making of a mobile application (prototype), which need to created in html, css and js. I made a low-fidelity prototype with paper cards, but now i need to create it as a website.
I was thinking about setting in a picture of a smartphone (iphone/android) and then edit the content inside that screen to point out that it should be run on a smartphone.
So if you emagine a i picture of a smartphone, and then inside the screen i wanne create some kind of box where all my content should go, but i am not quite sure what the best way to do that is. Should i use a canvas, a iframe or something different?
If there are any other inputs you are more than welcome to fire them at me.
I created a video to see how a user, unknown to the project, would interact with my low fidelity prototype, and thats what i am building my html prototype from.
The video can be found here if it is to any interest.
https://www.youtube.com/watch?v=TVXhEwGYYfg
(don't mind the text, it is in danish and just describes what the user is dooing)
Hope you can give me a hand to get startet.
Regards,
Nissen, Michael
Sounds like what you need is to start with reading something like this Introduction to Mobile Prototyping with HTML, CSS and JavaScript
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 have a web site, herer i have implemented a slide show. While browsing it's correct in Mozilla. But in IE it's not working. But the images are already present in the folder. Then why it's not shown in IE?
Does any one know this?
Thanks in advance
Your image is a CMYK image:
JPEG, CMYK, U.S. Web Coated (SWOP) v2
IE doesn't do CMYK. Use Photoshop or some other image editing tool to convert the image to RGB.
Firefox's Firebug says:
http://www.chemmanurinternational.com/:1105
window.addEvent is not a function
window.addEvent('load', function () {
and
http://www.chemmanurinternational.com/:107
$("div#mygalone").slideView is not a function
...load", function() { $("div#mygalone").slideView({toolTip: true, ttOpacity: 0.5})...
Although the errors it still works. I think if you fix those errors IE will work as well.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need to develop drag and drop functionality in iPad. As I am new to Javascript, I tried to get some solution to get this thing done. I could find the way to move the element on the screen.
Here the the url
http://popdevelop.com/2010/08/touching-the-web/
Now what I want to know is, when I drag any element, I need to put it in a predefined area, like drag from x container and putting into y container.
I need help to create drop-able container, so that I could drag and drop into the container.
Some thing similar to the below functionality I need to create in iPad.
http://html5demos.com/drag
Please help.
Firstly, use jquery UI http://jqueryui.com/demos/ for drag and drop functionality and then add this script https://github.com/furf/jquery-ui-touch-punch for playing it in Ipad or Iphone.
OR
Try this :
jquery.event.drag - v 2.2
Three Dub Media - http://threedubmedia.com
Hope it helps.
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/