Note that there are some explanatory texts on larger screens.

plurals
  1. POUnable to get screen using jquery-mobile in mobile
    primarykey
    data
    text
    <p>I have implemented login screen using html5 and jQuery, jQuery-mobile.</p> <p>App.html</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="ISO-8859-1"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;title&gt;Application&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.1.1.css" /&gt; &lt;!-- &lt;link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.1.1.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.1.1.css" /&gt; --&gt; &lt;link rel="stylesheet" type="text/css" href="css/login.css" /&gt; &lt;script type="text/javascript" src='js/jquery-1.8.2.js'&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.mobile-1.1.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/login.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" id="pagecontent" class="type-interior"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>login .js </p> <pre><code> var _header = "&lt;div data-role='header' data-theme='b' &gt;&lt;h1 id='pheader'&gt;Mobile Sign On &lt;/h1&gt; &lt;a data-role='button' id='logoutbtn' data-theme='b' class='hide'&gt;Logout&lt;/a&gt;&lt;/div&gt;"; var _content ="&lt;div data-role='content'&gt;" + "&lt;div align='center' id='logindiv'&gt;"+ "&lt;div data-role='fieldcontain'&gt;&lt;label for='userid' id='luserid'&gt;User Name *:&lt;/label&gt;"+ "&lt;input type='text' name='userid' id='userid' value='' class='logon required' placeholder='Username' /&gt;&lt;/div&gt;"+ "&lt;div data-role='fieldcontain'&gt;&lt;label for='password' id='lpassword'&gt;Password *:&lt;/label&gt;&lt;input type='password' name='password' id='password' class='logon required' value='' placeholder='Password' /&gt;&lt;/div&gt;"+ "&lt;div data-role='fieldcontain'&gt;&lt;fieldset class='ui-grid-a'&gt;&lt;a data-role='button' id='loginbtn' data-theme='b'&gt;Login&lt;/a&gt;&lt;/fieldset&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;"; </code></pre> <p>To append the header and content to the page.</p> <pre><code> $(document).ready(function(){ $('#pagecontent').append(_header).trigger("pagecreate"); $('#pagecontent').append(_content).trigger("pagecreate"); } </code></pre> <p>I am able to get the login screen in chrome but not on mobile and Mozilla firefox</p> <p>Could you please help me out on this.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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