dolphin-browser

CSS loading issue with Android ICS

懵懂的女人 提交于 2019-12-24 13:26:01
问题 I have an Android ICS 4.0.3 installed in my phone. I have created one Mobile Web Application (test url http://drupal.langoor.mobi), for which I serve the HTML page from the MySQL database in the backend dynamically. Problem : The html page is not rendered by the default stock browser of Android and Dolphin browser. This problem does NOT occure in chrome, firefox, safari mobile browsers. To figure out the problem, I followed these approaches : Used Adobe Shadow to do remote inspect of the HTML

Javascript / jQuery page change event on mobile browsers

送分小仙女□ 提交于 2019-12-10 17:39:33
问题 I am designing a mobile website keeping in mind all leading browsers - Safari, Chrome, Dolphin, Opera. I want to show a "loading" element as and when the page navigates / changes / new page is requested . I cannot use click event on anchor tags as there are many ones present with preventDefault(); . I tried the following: $(window).on('beforeunload', function() { ... }); But it does not work in Dolphin or Opera . Can someone suggest a cross-browser solution ? -- EDIT : I realize I wasn't very

CSS overflow breaks click events on Galaxy Tab

一曲冷凌霜 提交于 2019-12-10 15:49:41
问题 I feel like I am missing something fundamental. On: Samsung's Galaxy Tab 10.1 (might be tru on other Andoid devices - not sure) Dolphin or built-in 'default' browser Any block element styled with overflow: auto or overflow-y auto, to get a vertical scrollbar causes that div to act like it isn't even in the event tree when a child is clicked. For example. I have something like this: <div id="a"> <ul> <li>one</li> <li>two</li> <ul> </div> If ul is styled to have overflow:auto then clicking on

How to make :checked work on Android Browser?

元气小坏坏 提交于 2019-12-06 18:28:09
问题 I'm trying to make a form that has a list of default options, and which can also expand to show a couple of exta options. I do this with the following CSS code: .myForm .moreOpts {display:none;} .myForm #more:checked +*+ .moreOpts {display:block;} with the following HTML: <form action="#" class="myForm"> <ul> <li> <input type="checkbox" id="pref-1" name="pref-1" value="1"> <label for="pref-1">Foo</label> </li> <li> <input type="checkbox" id="pref-2" name="pref-2" value="2"> <label for="pref-2

How to make :checked work on Android Browser?

萝らか妹 提交于 2019-12-04 23:43:09
I'm trying to make a form that has a list of default options, and which can also expand to show a couple of exta options. I do this with the following CSS code: .myForm .moreOpts {display:none;} .myForm #more:checked +*+ .moreOpts {display:block;} with the following HTML: <form action="#" class="myForm"> <ul> <li> <input type="checkbox" id="pref-1" name="pref-1" value="1"> <label for="pref-1">Foo</label> </li> <li> <input type="checkbox" id="pref-2" name="pref-2" value="2"> <label for="pref-2">Bar</label> </li> <li> <input type="checkbox" id="more" name="more" value="true"> <label for="more"