Avatar of westdh
westdh
Flag 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>
Web DevelopmentWeb BrowsersWeb Languages and Standards

Avatar of undefined
Last Comment
westdh

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Jason C. Levine

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
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>
Dewmec

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
westdh

ASKER
Thanks
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck