Show popup outside an iframe?
Hi!
I'm forced to work with iframes in a project.
The jQuery Mobile header is in a iframe and I have a button with data-role="popup"
Header.aspx
<div data-theme="b" data-role="header">
<h3>Title</h3>
<a href="#popupMenu" data-rel="popup" data-role="button" data-icon="check" data-iconpos="right">Popup in Default.aspx</a>
</div>
<div data-role="popup" id="popupMenu" data-theme="a">
<ul data-role="listview" data-inset="true" data-theme="b">
<li data-role="divider" data-theme="a">Popup API</li>
<li><a href="options.html">Options</a></li>
<li><a href="methods.html">Methods</a></li>
<li><a href="events.html">Events</a></li>
</ul>
</div>
Default.aspx
<html>
<head>
</head>
<body>
<iframe name="header" src="header.aspx" id="header" runat="server" width="100%" height="200px" scrolling="no"></iframe>
JQuery mobile Content here
</body>
</html>
The question is: How to make the popup to show in the default.aspx outside the header.aspx frame?
I am very thankful of all the help I can get.
Thank you!