iPhone Web APP & Menus links opeing outside the Web APP

  • Anonymous


    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 -->

    <!-- <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


    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 ?


    Syahir Hakim


    In your <head> element you have this code:

    $("a").click(function (event) {
    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) {
    window.location = $(this).attr("href");



    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.