StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>are you using jQuery mobile throughout your app? Or do you want just the dialog box?</p> <p>If you are working with jQuery mobile, you can do this in markup only. Just have a look at the following code; this is the page you want your popup to appear (HTML):</p> <pre><code><body>  <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div> <div data-role="content">  <a href="#popup" data-rel="dialog" data-transition="pop" data-role="button">Open dialog</a> </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div>  <div data-role="page" id="popup"> <div data-role="header"> <h1>This is your popup header</h1> </div> <div data-role="content"> This is your popup content <a href="#" data-role="button">Do something here</a> </div> </div> </body> </code></pre> <p>I have made a working example at jsfiddle: <a href="http://jsfiddle.net/mwfire/qaNZD/" rel="nofollow">http://jsfiddle.net/mwfire/qaNZD/</a></p> <p>Do not forget to include all scripts and css, explained at "<a href="http://view.jquerymobile.com/1.3.2/dist/demos/widgets/pages/" rel="nofollow">anatomy of a page</a>" section of the documentation.</p> <p>And have (again) a look at the documentation for options: <a href="http://view.jquerymobile.com/1.3.2/dist/demos/widgets/dialog/" rel="nofollow">http://view.jquerymobile.com/1.3.2/dist/demos/widgets/dialog/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload