Force app iframe links to open new browser window?

Question

We&#x27;re building a simple app that uses iframes to pull in external images and text to display in specific regions of the app&#x27;s pages. The text displayed is an HTML list of links -- each link the name of a legislator -- that lead to that person&#x27;s official biography. The client wants the following behavior: When the app user clicks a name/hyperlink, the iPad browser should take over and display the bio. When done reading the bio, the user can click the browser&#x27;s close-window symbol at top right, then they will be back where they started in the app. For some reason, these links insist on opening within the iframe, regardless of whether or not we use the target&#x3D;"_blank" method. I tried Googling for this as a known behavior, but found nothing. Tips?

okieseeker · Answer

If it will help, here&#x27;s a sample of the HTML were bringing into the iframe from an external source. We did not write this code but can relay messages to their Web developer ...&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns&#x3D;"http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;title&gt;Indiana Legislators&lt;/title&gt;&lt;link href&#x3D;"../../../css/bootstrap.css" rel&#x3D;"stylesheet" type&#x3D;"text/css" /&gt;&lt;link href&#x3D;"../../../css/normal.css" rel&#x3D;"stylesheet" type&#x3D;"text/css" /&gt;          &lt;script src&#x3D;"https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type&#x3D;"text/javascript"&gt;&lt;/script&gt; &lt;meta name&#x3D;"viewport" content&#x3D;"width&#x3D;360, minimum-scale&#x3D;1.0, maximum-scale&#x3D;1.0"/&gt;&lt;/head&gt;&lt;body&gt;          &lt;div class&#x3D;"col-100-per"&gt;                    &lt;span class&#x3D;"content-ac"&gt;                              &lt;table&gt;                                        &lt;tr&gt;                                                  &lt;th style&#x3D;"padding-right: 20px; white-space: nowrap;"&gt;District&lt;/th&gt;                                                            &lt;th&gt;Legislator&lt;/th&gt;                                        &lt;/tr&gt;                                        &lt;tr&gt;                                                  &lt;td&gt; &lt;/td&gt;                                                  &lt;td&gt;                                                            &lt;a id&#x3D;"ContentPlaceHolder1_rptLegislators_LegislatorLink_0" class&#x3D;"dem" href&#x3D;"/AppContent/2013/legislator-bio/110/House/0/district/District" target&#x3D;"_blank"&gt;Frank Mrvan, Jr.&lt;/a&gt;                                                  &lt;/td&gt;                                                  &lt;/tr&gt;.... etc ....

okieseeker · Answer

SOLUTION:For anyone who comes across this thread. When using iframes inside an app, and wanting a hyperlink to open an entirely new window in a browser, here is the syntax:&lt;a href&#x3D;"popup:http://www.companyname.com/"&gt;This creates a new window&lt;/a&gt;Notice it&#x27;s merely a vanilla-flavor hyperlink with popup: inserted before the http!

okieseeker · Answer

P.S. All the JavaScript methods flunked.