Need: How To - Fullscreen

BackMenu
Home
stephanb
14 years, 3 months ago
Hello Forum,

please help. I am trying to switch off the adressbar expt. the Safai bar but without luck.
In a Handmade html Test my Iphone shows the Site withouot Safari Toolbar. But in MJ it doesn't

pls help

stephan
dryabov
14 years, 3 months ago
Most used solution is to add

<script>
function hideURLbar(){window.scrollTo(0,1);}
addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
</script>

somewhere in mobile iphone template.
Blip Blop 75
13 years, 5 months ago
dryabov wrote:
Most used solution is to add

<script>
function hideURLbar(){window.scrollTo(0,1);}
addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
</script>

somewhere in mobile iphone template.


Excellent!
I copy / paste this script in to the index.php in the mobile_iphone folder.
I put it in the top, before <php> code and it workes fine!

Thanks!
Just what I was looking for.
lovre86
13 years, 5 months ago
i've inserted the code to the index.php in the directory templates/i_phone_mod but it doesn't work.
Blip Blop 75
13 years, 5 months ago
hmm?
this is where I put the code : /mySite/templates/mobile_iphone/index.php

and in the top of the php code like this:


<script>
function hideURLbar(){window.scrollTo(0,1);}
addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
</script>
<?php
/**
* Mobile Joomla!
* www.mobilejoomla.com
*
* @version 1.0 RC5
* @license www.gnu.org/licenses/gpl-2.0.htm GNU/GPL
* @copyright (C) 2008-2011 MobileJoomla!
* @date November 2011
*/


I am not sure this script is possible to use globaly on all mobile templetes, try first in the Iphone index file, and then into next type of mobile index file, like /mySite/templates/mobile_pda/index.php
Blip Blop 75
13 years, 5 months ago
dryabov wrote:
Most used solution is to add

<script>
function hideURLbar(){window.scrollTo(0,1);}
addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
</script>

somewhere in mobile iphone template.


Is there a script availeble also for hiding the button bar at the bottom?

arnask
13 years, 4 months ago
is there any way to get completely FULL SCREEN web app on iphone?
hjv
13 years, 4 months ago
You should paste the code between the <head> and the <body> otherwise the layout for the main textbox will alter.

Greetings, Hendrik Jan Vis
arnask
13 years, 4 months ago
but its hiding only url bar. What about status and button bars?
hjv
13 years, 4 months ago
First I want to say that I'm not an expert in this subject.

So I didn't want the Back-button. Therefore I delete this code from the index.php and then saved it.

[size=4]<a class="back" href="javascript:history.go(-1)">
<?php echo JText::_('TPL_MOBILE_IPHONE__BACK'); ?></a>[/size]


It worked. So there is also code for the home button and so on. It is advisable to make a copy of your code and save it so you can always go back to the original situation.

Good luck, hjv
1

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.