i want to open a link in a view,something like http://google.com . i tried it with iframe src="" but when i run it on iphone it opens in webview so i unable see header and footer.
<div data-role="view" data-layout="overview-layout" data-title="More">
<div data-role="content" >
<div class="km-scroll-container" >
<ul id="menuList" class="item-list km-listview km-listgroup">
<li>
<ul data-role="listview">
<li><a class="details-link" data-role="listview-link" href="">xxx</a></li>
<li><a class="details-link" data-role="listview-link" href="#moreinfo
">yyy</a></li>
<li></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div data-role="view" data-layout="overview-layout" id="moreinfo" data-title="More Info">
<div data-role="content">
<div class="km-scroll-container">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://www.google.com">
</iframe>
</div>
</div>
when i open this page it directly opens google in a webview, my intention is to open when i click 'yyy'. i need it to run in phonegap/
<div data-role="view" data-layout="overview-layout" data-title="More">
<div data-role="content" >
<div class="km-scroll-container" >
<ul id="menuList" class="item-list km-listview km-listgroup">
<li>
<ul data-role="listview">
<li><a class="details-link" data-role="listview-link" href="">xxx</a></li>
<li><a class="details-link" data-role="listview-link" href="#moreinfo
">yyy</a></li>
<li></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div data-role="view" data-layout="overview-layout" id="moreinfo" data-title="More Info">
<div data-role="content">
<div class="km-scroll-container">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://www.google.com">
</iframe>
</div>
</div>
when i open this page it directly opens google in a webview, my intention is to open when i click 'yyy'. i need it to run in phonegap/