Home › Forums › Graphene WordPress theme › Support

iPhone Web APP & Menus links opeing outside the Web APP

  • Anonymous

    January 10, 2014 at 10:59 pm #8641

    iPhone Web APP & Menus links opeing outside the Web APP

    Site is http://www.iwantgreatblank.com

    Theme is Graphene NOT mobile.

    For now i am not using a mobile detector

    i am viewing my site on iphone 4

    i have tried putting various lines in the graphene options head as well as graphenes header.php in between <head> and </head>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    

    
<!-- STATUS BAR BLACK w WH TXT. -->
    
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
    

    
<!-- Customize HOME SCREEN TITLE. -->
    
<meta name="apple-mobile-web-app-title" content="iWntGr8BLANK">
    

    
<!-- TITLE OF APP -->
    
<title>iWntGr8-BLANK</title>
    

    
<!-- <link rel="apple-touch-startup-image"href="http://www.iwantgreatblank.com/startup.png"> -->
    

    
<link href="http://iwantgreatblank.com/apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
    

    
<!-- attempt to keep links opening in WebAPP --!>
    

    
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
    

    
<!-- attempt to keep links opeining in WebAPP --!>

    i have tried some ideas from the web page – below

    http://stackoverflow.com/questions/2898740/iphone-safari-web-app-opens-links-in-new-window

    I want all links in app to open in app if possible.

    All of my pages show header slightly below the very top wordpress bar

    &

    in that space is this code barely viewable unless u highlight with ur mouse or select all

    { a.onclick=function() { window.location=this.getAttribute("href"); return false } }

    i have cleared the iphones history & wp super cache

    Do the menus bottons use permalinks & could this be causing my problems?

    Thanks in advance to all of u moderators.

    ps i noticed below the post area says :

    Put code in between backtick ( ` ) characters. It’s usually located above the Tab key on your keyboard.

    What is this all about ?

    Admin

    Syahir Hakim

    January 11, 2014 at 12:56 am #41707

    In your <head> element you have this code:

    $("a").click(function (event) {
    
event.preventDefault();
    
window.location = $(this).attr("href");
    
});

    That needs to be wrapped properly like this:

    <script type="text/javascript">
    
jQuery(document).ready(function($) {
    
$("a").click(function (event) {
    
event.preventDefault();
    
window.location = $(this).attr("href");
    
});
    
});
    
</script>

    Anonymous

    January 12, 2014 at 4:41 am #41708

    Syahir Thank you so much for this answer & for all u do to help so many.

    It is in giving that u get blessed.

    I appreciate ur work & ur giving & ur so reasonable pricing.

    I have bought graphene mobile in the past.

    I understand u do freelance work at $35 USD an hour is that correct?

    I am very interested in all the opportunities Mobile is opening up.

    I would like to see u offer a mobile package similar to http://www.limecellular.com BUT with a native app and web apps that look native.

Viewing 3 posts - 1 through 3 (of 3 total)

  • You must be logged in to reply to this topic.