Databases
StackOverflow2013
Postsdbo
POCrazy dialog pop in jQuery Mobile
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCrazy dialog pop in jQuery Mobile
    primarykey
    data
    text
    <p>I need some help with a problem that driving me crazy ... I'm trying to use a dialog pop, all my pages are inside a single html file. If I use the following code to call the pop dialog:</p> <pre><code>&lt;a href = "# page1" id = "lnk" data-inline = "true" style = "position: absolute; left: 5%; bottom: 5%" data-rel = "dialog" data-transition = "pop "&gt; Click here &lt;/ a&gt; &lt;/ td&gt; </code></pre> <p>And as I use only a single source for all html pages, I am using a .js to handle the events, etc:</p> <pre><code>/ / Load all events document.addEventListener ("deviceready" onDeviceReady, false); function onDeviceReady() { / / Index events is / / Events for page1 $ (document). delegate ('# page1', 'pageInit', function() { / / ... } / / events pages is outher $(document).delegate('#page...', 'pageInit', function() { / / ... } } </code></pre> <p>The dialog is pop with a vast white space between the header and the body of the page. This link them in the same html. I could see that the problem occurs with the following line:</p> <pre><code>document.addEventListener ("deviceready" onDeviceReady, false); </code></pre> <p>One solution I saw was to use external html files only for dialog pop, however when navigating between screens a page containing the information being presented this dialog pop and lock app.</p> <p>Data for the index script:</p> <pre><code>&lt;!--- STYLE ---&gt; &lt;link rel="stylesheet" href="style/jquery.mobile-1.2.0.min.css" /&gt; &lt;link rel="stylesheet" href="style/jquery.mobile.iscrollview.css" /&gt; &lt;link rel="stylesheet" href="style/jquery.mobile.iscrollview-pull.css" /&gt; &lt;link rel="stylesheet" href="style/smart_mobile_theme.css" /&gt; &lt;!--- JS ---&gt; &lt;script src="js/cordova-2.2.0.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery-1.8.2.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.mobile-1.2.0.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/index.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/iscroll.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.mobile.iscrollview.js" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>Page1</p> <pre><code>&lt;div data-role="page" id="page1" data-theme="a" data-overlay-theme="g"&gt; &lt;div data-role="header"&gt; &lt;h4&gt;Title&lt;/h4&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;div &gt; &lt;input id="mail" type="email" data-inline="true" placeholder="Mail" /&gt; &lt;button id="btnMail" &gt;Send&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USVictor
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCrazy dialog pop in jQuery Mobile
      1. USTom Clarkson
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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