I actually found the problem. It wasn’t with JS as I thought, but with the CSS. I added class to make a CSS transition to fade in some elements. For anonymous users these elements had display: none; and probably never ran the opacity transition. The strange thing is that the transitions was on exactly two … Read more
The equivalent for onmousedown on touchscreen devices is ontouchstart, and the equivalent of onmouseup is ontouchend. If you would also like to detect dragging, you could use ontouchmove which is fired every time you move your finger after touching the screen.
Old question, but still relevant. Sencha (the new name of the company behind ExtJs) just released the mobile app platform Sencha Tounch for iPhone, iPod, iPad and Android: http://www.sencha.com/products/touch/ Blog post that explains the difference between jQTouch and Sencha Touch: http://9-bits.com/post/723711597/jqtouch-and-sencha-touch Update: John Resig recently announced that the jQuery team is working on a mobile … Read more
I had this same issue and was able to hack around it using the old “force a 3D transform” trick. Just set the element you are going to switch the position of to have a transform property of translate3d(0px,0px,0px). Make sure this is done before the position property is changed.
You could set a transparent color to the -webkit-tap-highlight-color property of that element. a { -webkit-tap-highlight-color: transparent; }
You can check the persisted property of the pageshow event. It is set to false on initial page load. When page is loaded from cache it is set to true. window.onpageshow = function(event) { if (event.persisted) { alert(“back to page”); } }; For some reason jQuery does not have this property in the event. You … Read more
I found some Apple documentation that says that it does in fact need that for video. HTTP servers hosting media files for iOS must support byte-range requests, which iOS uses to perform random access in media playback. (Byte-range support is also known as content-range or partial-range support.) Most, but not all, HTTP 1.1 servers already … Read more
After much faffing around a friend finally pointed me in the right direction. The events I was looking for are: webkitbeginfullscreen and webkitendfullscreen var player = document.getElementsByTagName(“video”)[0]; player.addEventListener(‘webkitbeginfullscreen’, onVideoBeginsFullScreen, false); player.addEventListener(‘webkitendfullscreen’, onVideoEndsFullScreen, false); With that I can safely capture when the user clicks over the fullscreen button on Safari for the iPads. Interestingly the same … Read more
I would guess that they are using the History API. By listening to popstate window.addEventListener(“popstate”, function(e) { … }); you can show a warning before allowing doing anything stupid.
I had the same problem on my site. I was able to fix it by manually polling the selectedIndex property on the select control. That way it fires as soon as you “check” the item in the list. Here’s a jQuery plugin I wrote to do this: $.fn.quickChange = function(handler) { return this.each(function() { var … Read more