Html problem with target="_blank" on iPad, does not open a new window on the iPad.
the same code works on the mac and does open a new window.
This code works on a Mac and it does create a new window and i can return to the previous page.
<a target="_blank" href="
http://www.lazyslumber.com/images/pdf/07_Apply%20DL.pdf"><img src='img/Portfolio/Product
Guide.png'
alt="portfolio image"><H6>Download PDF File [2,124 kb]</h6></a>
On the iPad it brings up and displays the pdf, but not in a new window.... target="_blank" does not work on the iPad or SmartPhones.
when I click the browser close window or back button I have no way to return to the device, it just move to a previous url in history.
--------------------------
----------
-- complete Page --------------------------
----------
----------
----------
--
<!DOCTYPE html>
<html>
<head>
<title>Touch Mobile & Tablet Template</title>
<meta name="viewport" content="width=device-widt
h, 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"></scrip
t>
</head>
<body>
<div data-role="page" class="page">
<div data-role="header">
<a href="index.html" data-icon="arrow-l" data-direction="reverse">B
ack</a>
<a href="index.html" data-icon="home" data-direction="reverse">H
ome</a>
<h3>Free Download and Links</h3>
</div><!--/header-->
<div data-role="content">
<!--<div class="portfolio-item" >-->
<div class="portfolio-informati
on">
<hr>
<h3>Green Statement</h3>
A one page statement outlining our standards regarding purchasing cedar cants and logs.
<a target="_blank" href="pdf/GreenStatement.p
df"><img src="img/Portfolio/GreenSt
atement.pn
g" 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 target="_blank" href="
http://www.lazyslumber.com/images/pdf/07_Apply%20DL.pdf"><img src='img/Portfolio/Product
Guide.png'
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 target="_blank" href="
http://www.lazyslumber.com/images/pdf/Profiles02a.pdf"><img src='img/Portfolio/Specifi
cations.pn
g' alt="portfolio image"><h6>Download PDF File [1,811 kb]</h6></a>
<hr>
</div>
<!--</div>-->
</div>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
Premium Content
You need an Expert Office subscription to comment.Start Free Trial