Double Click and Resize on an Ipad

Posted by Luke on Stack Overflow See other posts from Stack Overflow or by Luke
Published on 2010-06-07T03:52:12Z Indexed on 2010/06/07 4:02 UTC
Read the original article Hit count: 304

Filed under:

Thanks to the great post at OranLooney.com I was able to get a java/icefaces web-app to resize nicely on the ipad, however the code provided for double click doesn't seem to work without further customization.

Has anybody had any experience with getting this to work? there seems to be little documentation on google.

the donnothing(); in the window.orientationchange is there as it seems sometimes without it the resize will (sometimes) not work

// a function to parse the user agent string; useful for 
// detecting lots of browsers, not just the iPad.
function checkUserAgent(vs) {
    var pattern = new RegExp(vs, 'i');
    return !!pattern.test(navigator.userAgent);
}
if ( checkUserAgent('iPad') ) {
    // iPad specific stuff here
 window.onorientationchange = function() {
  donnothing();
 };
 document.body.addEventListener('touchstart', function(e) {
     touch = e.touches[0];
     if ( !touch ) return;
     var me = document.createEvent("MouseEvents");
     me.initMouseEvent('dblclick', true, true, window,
  1, // detail / mouse click count
  touch.screenX, 
  touch.screenY, 
  touch.clientX, 
  touch.clientY, 
  false, false, false, false, // key modifiers
  0, // primary mouse button
  null  // related target not used for dblclick event
     );
     touch.target.dispatchEvent(me);
 });
}

© Stack Overflow or respective owner

Related posts about ipad