Link to home
Start Free TrialLog in
Avatar of westdh
westdhFlag for United States of America

asked on

Need to know how to return to my iPad from an External Link.

Need to know how to return to my iPad from an External Link.

when I excute this Link:

      <a href="http://www.lazyslumber.com/images/pdf/GreenStatement.pdf"><img src="img/Portfolio/GreenStatement.png" target="_blank" alt="portfolio image"><h6>Download PDF File [201 kb]</h6></a>

It goes to another domain and bring up the Safire Address Bar and history Bar.
I need a way to return to my iPad.  

--------------------------------------------
<!DOCTYPE html>
<html>
      <head>
            <title>Touch Mobile &amp; Tablet Template</title>
        <!--      <meta name="viewport" content="user-scalable=no"  />-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"  />
            <meta name="apple-mobile-web-app-capable" content="yes" />
       
            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
            <link rel="stylesheet" href="css/style.css" />
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
            <script type="text/javascript" src="js/script.js"></script>
    <
       
    </head>
      <body>
            <div data-role="page" class="page">
                  <div data-role="header">
                <a onClick="javascript: history.go(-1)" data-direction="reverse">Back</a>
                        <a href="index.html" data-icon="home" data-direction="reverse">Home</a>

                <!--
                        <a onClick="javascript: history.go(-1)" data-direction="reverse">Back</a>
                <a onClick="javascript: history.go(-1)" data-direction="reverse">Home</a>
                -->
                        <!--<a href="index.html" data-icon="home" data-direction="reverse">Home</a>-->
                        <h3>Free Download and Links</h3>
                  </div><!--/header-->
                  
                  <div data-role="content">
                        <!--<div class="portfolio-item" >-->
                              <div class="portfolio-information">
                        <hr>
                                    <h3>Green Statement</h3>
                        A one page statement outlining our standards regarding purchasing cedar cants and logs.
                                    <a href="http://www.lazyslumber.com/images/pdf/GreenStatement.pdf"><img src="img/Portfolio/GreenStatement.png" target="_blank" alt="portfolio image"><h6>Download PDF File [201 kb]</h6></a>      
                                    <hr>
                       
                        <h3>Product Guide</h3>
                        A color brochure that describes the materials needed and how to apply cedar siding.    
                        <a href="http://www.lazyslumber.com/images/pdf/07_Apply%20DL.pdf"><img src='img/Portfolio/ProductGuide.png' target="_blank" alt="portfolio image"><H6>Download PDF File [2,124 kb]</h6></a>      
                        <hr>
                       
                        <h3>Specifications</h3>
                        A list of our products with dimensions and detailed profles shown.<br>
                        <a href="http://www.lazyslumber.com/images/pdf/Profiles02a.pdf"><img src='img/Portfolio/Specifications.png' target="_blank" alt="portfolio image"><h6>Download PDF File [1,811 kb]</h6></a>                      
                        <hr>

                    </div>
                              <!--</div>-->
                        </div>      

                  </div><!-- /content -->
            </div><!-- /page -->
      </body>
</html>
ASKER CERTIFIED SOLUTION
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of westdh

ASKER

Yes, this is a web app...
when this page opens, theirs is no safire browers as yet.
Not until one of the hyper licks are clicked.
at that point the address bar show the external link. and I have no way to link back to my web app.

I have looked at this; but I must not be implementing it correctly..??
<script language="javascript" type="text/javascript">  
$("a[href*='http://']:not([href*='"+location.hostname.replace("www.","")+"'])").each(function() {  
$(this).addClass('externalLinkClass').attr('target', "_blank");  
    });  
</script>
Hi westdh,

Try just removing the target="_blank" completely from the page. It should cause the link to open in the same browser window and allow the use of the back button as a result. So your link to the GreenStatement.pdf would like the following:
<a href="http://www.lazyslumber.com/images/pdf/GreenStatement.pdf"><img src="img/Portfolio/GreenStatement.png" alt="portfolio image"><h6>Download PDF File [201 kb]</h6></a> 

Open in new window

I couldn't test this on the iPad, but it should work on all readers, etc, including the iPad. Let me know how you make out.

Dewmec
Avatar of westdh

ASKER

Thanks