i figure out there are codes for desktop and Android browsers going fullscreen such as


function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
}

but it did not work for mobile browser (iPAD iPhone chrome, iPhone Safari seems to go fullscreen on its own), the screen remains the same size.

you can try to download my source here
http://iwant2study.org/lookangejss/01_measurement/ejss_src_SHMmassscale.zip

My request:
can anyone release an EJSS file that can go Fullscreen on  iPAD and iPhone chrome mobile browser?

Post edited July 9, 2015 at 3:02 AM EST.

Post edited July 9, 2015 at 3:07 AM EST.

Post edited July 9, 2015 at 3:22 AM EST.

Post edited July 9, 2015 at 3:31 AM EST.

Attached File: ejss_src_SHMmassscale.zip

OSP@SG blog
OSP@SG Digital Library