Databases
StackOverflow2013
Postsdbo
POChrome on Android Issues with reloading JQM pages - Galaxy tablet
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChrome on Android Issues with reloading JQM pages - Galaxy tablet
    text
    copied!<p>I'm having major issues testing my jquery mobile app on Chrome for Android tablets. It works everywhere else except for chrome on android tab. </p> <p>When I click any button on the page that navigates away from the page, it will refresh the same page I'm in and put it in a popup box. But, if you close the popup and hit any button again it works.</p> <p>I have a screen shot here...</p> <p><a href="http://i.imgur.com/NEUIRfa.png" rel="nofollow">http://i.imgur.com/NEUIRfa.png</a></p> <p>Here is my code:</p> <pre><code>&lt;%@page language="abap" %&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;title&gt;Leave Request Approval&lt;/title&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile- 1.3.1.min.css" /&gt; &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; .ui-field-contain { border-bottom-width : 0px !important; } &lt;/style&gt; &lt;/head&gt; &lt;!-- Details Page --&gt; &lt;div data-role="page" id="leave_details" data-theme = "b" &gt; &lt;body&gt; &lt;div id="Head" data-theme = "b" data-role="header" data-position="fixed"&gt; &lt;a href="" data-role="button" data-theme = "b" class="ui-btn-left"&gt; Back &lt;/a&gt; &lt;% DATA: lv_head TYPE string. CONCATENATE 'Leave Request' '-' INTO lv_head SEPARATED BY space. CONCATENATE lv_head model-&gt;ms_details-type_txt INTO lv_head SEPARATED BY space. CONCATENATE lv_head '-' model-&gt;ms_details-emp_name INTO lv_head SEPARATED BY space. %&gt; &lt;h3&gt; &lt;%= lv_head. %&gt; &lt;/h3&gt; &lt;/div&gt; &lt;!--End Header --&gt; &lt;div data-role="content" data-scroll="true"&gt; &lt;% IF model-&gt;mv_error IS NOT INITIAL AND model-&gt;ms_details IS INITIAL. %&gt; &lt;span style="color: #FF0000;"&gt; &lt;b&gt; &lt;%= model-&gt;mv_error. %&gt; &lt;/b&gt; &lt;/span&gt; &lt;% RETURN. %&gt; &lt;% ELSE. %&gt; &lt;% IF model-&gt;mv_success IS NOT INITIAL OR model-&gt;mv_error IS NOT INITIAL. %&gt; &lt;div&gt; &lt;!--Begin top portion of page --&gt; &lt;% IF model-&gt;mv_success IS NOT INITIAL. %&gt; &lt;span style="color: #008000;"&gt; &lt;b&gt; &lt;%= model-&gt;mv_success. %&gt; &lt;/b&gt; &lt;/span&gt; &lt;% ENDIF. %&gt; &lt;% IF model-&gt;mv_error IS NOT INITIAL. %&gt; &lt;span style="color: #FF0000;"&gt; &lt;b&gt; &lt;%= model-&gt;mv_error. %&gt; &lt;/b&gt; &lt;/span&gt; &lt;% CLEAR: model-&gt;mv_error. %&gt; &lt;% IF model-&gt;mv_locked = abap_false. %&gt; &lt;% RETURN. %&gt; &lt;% ENDIF. %&gt; &lt;% ENDIF. %&gt; &lt;%-- &lt;p style="text-align: center;" data-mce-style="text-align: center;"&gt; &lt;b&gt; &lt;%= model-&gt;ms_details-emp_name. %&gt; &lt;/b&gt; &lt;/p&gt;--%&gt; &lt;/div&gt; &lt;!--End top portion of page --&gt; &lt;% ENDIF. %&gt; &lt;!--Begin Basic Listbox --&gt; &lt;div data-role="collapsible" data-collapsed="true" data-theme = "b" data-content-theme = "b"&gt; &lt;h3&gt; Basic &lt;/h3&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="sup"&gt;&lt;b&gt;Supervisor:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="sup" id="sup" value="&lt;%=model-&gt;ms_details-sup_name %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="crby"&gt;&lt;b&gt;Created By:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="crby" id="crby" value="&lt;%=model-&gt;ms_details-cr_by %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="crdt"&gt;&lt;b&gt;Created Date:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="crdt" id="crdt" value="&lt;%=model-&gt;ms_details-req_date %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="crtm"&gt;&lt;b&gt;Created Time:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="crtm" id="crtm" value="&lt;%=model-&gt;ms_details-req_time %&gt;" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--End Basic Listbox --&gt; &lt;!--Begin Details Listbox --&gt; &lt;div data-role="collapsible" data-collapsed="false" data-theme = "b" data-content-theme = "b"&gt; &lt;h3&gt; Details &lt;/h3&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="hours"&gt;&lt;b&gt;Absence Hours:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="hours" id="hours" value="&lt;%=model-&gt;ms_details-hours %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="type"&gt;&lt;b&gt;Absence Type:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="type" id="type" value="&lt;%=model-&gt;ms_details-awart %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="begdt"&gt;&lt;b&gt;Leave Begin Date:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="begdt" id="begdt" value="&lt;%=model-&gt;ms_details-date_fr %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="enddt"&gt;&lt;b&gt;Leave End Date:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="enddt" id="enddt" value="&lt;%=model-&gt;ms_details-date_to %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="begmeal"&gt;&lt;b&gt;Begin Meal Time:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="begmeal" id="begmeal" value="&lt;%=model-&gt;ms_details-beg_meal %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="endmeal"&gt;&lt;b&gt;End Meal Time:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="endmeal" id="endmeal" value="&lt;%=model-&gt;ms_details- end_meal %&gt;" /&gt; &lt;/div&gt; &lt;!--Begin Other Buttons --&gt; &lt;div class="ui-grid-a"&gt; &lt;div class="ui-block-a"&gt;&lt;a href="" data-theme = "b" data-role="button" data-transition="slide"&gt;&lt;font size="2"&gt;History&lt;/font&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="ui-block-b"&gt;&lt;a href="" data-theme = "b" data-role="button" data-transition="slide"&gt;&lt;font size="2"&gt;Quotas&lt;/font&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--End Other Buttons --&gt; &lt;/div&gt; &lt;!--End Details Listbox --&gt; &lt;!--Begin Notes Listbox --&gt; &lt;div data-role="collapsible" data-collapsed="true" data-theme = "b" data-content-theme ="b"&gt; &lt;h3&gt; Notes &lt;/h3&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="medtime"&gt;&lt;b&gt;Med Appt Time:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="medtime" id="medtime" value="&lt;%=model-&gt;ms_details-med_time %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="fam"&gt;&lt;b&gt;Family Rel:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="fam" id="fam" value="&lt;%=model-&gt;ms_details-relation %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="flu"&gt;&lt;b&gt;Influenza:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="flu" id="flu" value="&lt;%=model-&gt;ms_details-flu %&gt;" /&gt; &lt;/div&gt; &lt;% DATA: lv_cert TYPE char3. IF model-&gt;ms_details-medcert = abap_true. lv_cert = 'Yes'. ELSE. lv_cert = 'No'. ENDIF. %&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="cert"&gt;&lt;b&gt;Medical Cert:&lt;/b&gt;&lt;/label&gt; &lt;input type="text" readonly name="cert" id="cert" value="&lt;%=lv_cert %&gt;" /&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="Remarks"&gt;&lt;b&gt;Remarks:&lt;/b&gt;&lt;/label&gt; &lt;textarea readonly name="Remarks" id="Remarks" &gt;&lt;%=model-&gt;ms_details-remarks %&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--End Notes Listbox --&gt; &lt;% IF model-&gt;mv_disp NE 'O' AND model-&gt;mv_success IS INITIAL. %&gt; &lt;!--Begin Footer--&gt; &lt;div id="Footer" data-theme = "b" data-role="footer" data-position="fixed"&gt; &lt;h3&gt;&lt;/h3&gt; &lt;a href="" data-rel="dialog" data-role="button" data-inline="true" data-transition="pop" data-theme = "b" class="ui-btn-left"&gt; &lt;% IF model-&gt;mv_done_only = abap_false. %&gt; Approve &lt;% ELSE. %&gt; Done &lt;% ENDIF. %&gt; &lt;/a&gt; &lt;% IF model-&gt;mv_done_only = abap_false. %&gt; &lt;a href="" data-rel="dialog" data-role="button" data-inline="true" data-transition="pop" data-theme = "b" class="ui-btn-right"&gt; &amp;nbsp; Reject &amp;nbsp; &lt;/a&gt; &lt;% ENDIF. %&gt; &lt;/div&gt; &lt;!--End Footer--&gt; &lt;% ENDIF. %&gt; &lt;% ENDIF. %&gt; &lt;/div&gt; &lt;!--End Content --&gt; &lt;/body&gt; &lt;/div&gt; &lt;!--End Details Page --&gt; &lt;/html&gt; </code></pre>
 

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