Hey there, I'm looking to display an image on half of the page and a table on the other half when hitting a URL. In Android, I would use a webview for this. However, I'm wondering how to achieve this in jQuery Mobile. Is there a widget similar to the webview in Android that I can use? Any assistance would be greatly appreciated. Thank you in advance. Here is my current HTML file:
<div data-role="page" id="findusPage" data-theme="e">
<div data-role="header">
<h1>Find Us</h1>
</div>
<div data-role="content">
<p>
Apex International Hotel, Edinburgh<br/>
31-35 Grassmarket<br/>
Edinburgh<br/>
EH1 2HS<br/>
Scotland<br/>
</p>
<p>
<img src="http://10.22.32.121/charts/mobilechart.asp">
</p>
<p>
<a data-role="button" id="drivingButton" data-theme="a">Get driving directions</a>
</p>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
Despite my efforts, the image isn't displaying as intended.