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

westdh
westdh used Ask the Experts™
on
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>
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Don't talk to me.
Commented:
Where are you starting from?  Is this a web app?

Author

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

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

Author

Commented:
Thanks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial