JQuery Mobile Fixed Footer Bar disappears when orientation change
i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same here is the code i am using for the footer <div data-role="footer"> <div class="separator"></div> <div data-role="navbar" data-iconpos="top" class="line" id="line"> <ul> <li><a href="#home_pg" id="tab1" data-transition="none">
Incoming call
Him I know this is a stupid question, but I have been looking for 1 hour now and did not find anything. How can I react to an incoming call? I have read about events like tap or swipe, but not this. The right keyword might be enough ... Thank you Peter
Data Grid Table with columns for sorting and collapsing a data row
Hallo Everyone, Is it possible to have a grid or perhaps a table in JQM which when you click on the column title in can sort records in either ascending or descending. Also in the same table is there a possibility of collapsing a row in order to display more detailed information. Anyone with an idea of how the two features can be tackled or has a link to some useful content kindly send them Thank you alot.
Are there methods to avoid Memory Leak with jQueryMobile?
Now, I'm testing jQueryMobile memory usage by Chrome Developper Tool.(Heap snap shot in Profiles tab) I found memory leak in navigation between multipage contents ,despite I didn't use my javaScript logic and only use simple HTML loaded jQueryMobile. Whenever navigating between multipage contents, I took Heap snap shot and result showed glowing up JavaScript Object. My test page is below. http://hamadroid.info/home/jqm_page/ Forrowing is my snapshot and memory timeline. Thnaks.
external url link with html#
Hi, I'm pretty new to this. but was playing around with jQuery mobile page linking to an external url page. It often automatically adds the html# to the external url link which makes the page distorted. But after click refresh the page, the # disappear and the page is viewable fine. What have I don't wrong and haven't done - help appreciated. Thanks.
Responsive grids not stacking.. page refresh required?
Using JQM 1.3 cannot get the Responsive grids to stack without refreshing the page one time? - According to the docs, they "include a single breakpoint “preset” in the structural CSS that we hope will be useful in a fair amount of typical situations. This breakpoint is applied by adding a class like ui-responsive to the widget markup to opt into the breakpoint." - In my code below I reference that class called ui-responsive, but it is not stacking the data on the iPhone or desktp? <div data-role="page"
Custom theme not working with jquery
Hi, I've created a custom theme with theme roller. When i add like <ul data-role="controlgroup" data-type="horizontal" class="localnav"> <li><a href="#" data-role="button" data-transition="fade" id="id1" class="ui-body-g">N/A</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id2" class="ui-body-h">OK</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id3" class="ui-body-i" >TBC</a></li> <li><a href="#" data-role="button" data-transition="fade"
cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP
I have a script for web site scraping testing. In Chrome, I used Ripple extension. If the emulator is disabled, I can retrieve the token from the html page. But if I enable the emulator, I got the following error. I wrapped it in phongap and deployed in an Android device, the corresponding tag content is not updated at all. I appreciate your help to get this resolved. cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP. ripple.js:36 _logripple.js:36 _self.errorripple.js:36 _XMLHttpRequest.xhr.setRequestHeaderripple.js:49
onmouseover selectmenu not working
Hi everyone! I want to add onmouseover/hover event to selectmenu, but I'm not able to do it. I think I tried all possible selectors: $(".ui-select"), $("select"), $("div.ui-select"), $(".myselectmenu:parent")..., but without success. Events which I have tried are jquery hover and on({mouseover: function() {...}.., onmouseover in html. Thank you
popup image or popup basic not working
Hi everyone im new to jquery mobile an simply love it, i have had one small issue, i cannot get the popups to work. I have this in my header <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> i have
Unequal layout grids (columns) or colspan-like behavior?
I'm heavily utilizing grids to format my page. However, the majority of my content fits better with a 2/3 and 1/3 2-column template. No problem, I can override the CSS: .ui-grid-a .ui-block-a { width: 65% } .ui-grid-a .ui-block-b { width: 35%; } Except I'm in trouble when I need to use the 50/50 grid, or even a 3 column grid because JQM appears to mark up the grids dynamically and I now have a table with column1 width: 65%, column2 width: 35%, and column3 width: 33%... which of course wraps the
Login jquery, php and ajax
Hi all, I'm learning to use jQueryMobile to develop a web application. I'm trying to do a simple login form that, on success, load another html page. To do this, i wrote this javascript that i've insert in the <head> tag: function onSuccess(data){ var jsonString = JSON.stringify(data); var json = jQuery.parseJSON(jsonString); if(json.success=="true"){ window.localStorage.setItem('userData', jsonString); setCookie("username", json.user); $.mobile.changePage( "pages/home/index.html", { transition:
XML Parse after refresh
Hallo, i have two pages, one page is a list with titels from a xml-file. When i click on a title opens a new page with details - all infos from xml. My problem is i can see the infos only see after a refresh width the browser. You can see here the problem: http://www.app.schwarzwaldportal.com/ausfluege.html On my page you see the list width titles and when you click on it you see nothing content, after a browserrefresh you can see details but when you go back you can't see the list... then browserrefresh....
Remove button from footer on home page (but keep on sub-pages)
On my mobile site, I have a footer with a button of "back" - I am trying to figure out how to remove the button for the home page (so it just shows the footer with no button), but have the button show up on sub-pages. Here is my footer code: </div><!-- data role content--> <div data-theme="b" data-role="footer"> <h3> Premier IT Consulting </h3> <a data-role="button" data-direction="reverse" data-rel="back" data-icon="back" data-iconpos="left" class="ui-btn-left">
Native look for toggle switch
We are trying to build an Android application using Phonegap and jQuery Mobile. While using ThemeRoller, I noticed that by default controls have look and feel of native iPhone controls. e.g. ON-OFF toggle switch Is there any way to specify that the controls should have look of native Android controls?
popup z-index issues with fixed headers on Android
When opening a popup from a fixed header, the popup will appear behind the header when using the Android default web browser. I was able to reproduce this problem using the following sample page on a Samsung Galaxy Tab 2 running Android 4.0.4: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<input's> click problem JQM 1.3 RC1
Hello. In jQuery Mobile 1.3 RC1, if you click at an item <input> type (in my case type password) generates a hidden with the same name, causing the issue when submit the information, since the value of first hidden always null. If given 20 times <input click t>, adds 20 times the same hidden. Reviewing JQM 1.3 RC1, I noticed that the job they are doing this behavior is: //add active state on vclick $.mobile.document.bind( "vclick", function( event ) { var $btn, btnEls, target = event.target, needClosest
select box under fixed footer navbar menu item reacts on click (Android)
Hi everyone! I found strange problem on Android devices (detected on 2.3.3) which not occurs on webpage (tested with Ripple). JQuery is version 1.8.2 and JQM is version 1.2.0. I have selectboxes with native options: $.mobile.selectmenu.prototype.options.nativeMenu = true;and if the page is longer like screen and they occur under fixed footer menu and user clicks as shown on figure, navbar item doesn't reacts, but selectbox expands options. I have also tried these functions in menu item onclick function:
jquerymobile colorpicker
I need a colorpicker that works in jquerymobile. Several good colorpickers such as farbtastic seem to have troubles working in jquerymobile i guess cuz of what jqm does to the input tag, even if you use data-role="none" in the input tag, it seems. Anybody actually had any success actually using a real colorpicker in an actual page with jquerymobile?
a href="tel from MYsql
Hi I am try to dial a number I get error in this line can anyone help me with this please echo "<li><a " . $data['id'] . "'><h2>" . $data['name'] . "</h2><h3><a href=tel:="$data['mobile']">" . $data['mobile']. "</h3></a></li>"; Regards Sigster
Event handler firing one time only
This is truly odd. I've got an index.html file that uses a pageshow event to register a button handler: $("#mainPage").live("pageshow",function(event) { console.log("pageshow for mainPage"); $("#submitButton").one("touchend",function(e) { This is used to handle login logic. When I run my app, this works perfectly one time. I only return to this page when I logout. I can confirm that when I return that the pageshow log shows up. But the submit button handler isn't registered. I can even do console.dir($("#submitButton"))
turning it into a function messes the formatting
http://jsbin.com/osovoh/2/edit in this version, all works well. the label of radio button gets changed instantly. but if you remove the /* s and thus turn js into a function triggered by the other button, function go(){ var radio_elem = $('#edit-new-amount-no-cost'); $("label[for='edit-new-amount-no-cost']").html(radio_elem).append("label changed"); } the formatting of the first button upon its triggering gets messed up. what's wrong?
most versatile ways of doing things in jquery
$('#contents')[x] vs document.getElementById("contents")[x] is anyone more advisable, more universal, less restricted? I guess the former does not work with non jq. is there an article or compilation of commands which prove to work in both js and jq?
Jquery Mobile Site Looks Horrible on Windows Mobile
I used a jQuery Mobile template in Dreamweaver to build a mobile website, which renders properly on all important devices / browsers except Internet Explorer, Windows Mobile. URL: http://www.kennebec.com/mobile/ Screenshots on Google Docs: http://bit.ly/KT-Mobile (also attached) Please let me know what else I can provide that would be helpful for diagnosing the problem. Thank you! Lisa
Urgent - Django using RedirectView to open external URL within App
Hello - I am trying to reach a url which I create within Django using a RedirectView. Using Jquery Mobile I get Error Loading message when trying to navigate to this screen. Whereas without using Jquery Mobile I do not get this. How can I redierct for example to "www.google.com" as a web page within a Jquery mobile app (no header / footer)?
iPhone contact app scrolling
Hi, I have a requirement to create a dynamic list that should be sorted based on some criteria. Also it needs to have a scroll on the right side similar to what we have in iphone. So that i shud be able to click on an alphbet and it shud scroll me down to the specific point. Is there a plugin already out there for this ??
Checkbox in Jqm migration to 1.3 having trouble.
Hi, Can you please help me in checkbox issue i am facing while migrating from 1.0.1 to 1.3 Here is the specific code for which the error is. if ($('input:checkbox[name="checkboxMyChoice"+counter]:checked').val() == 1 );{ // do some logic }the error in console is this unrecognized expression: input:checkbox[name= Please let me know what/how should I use it correctly to check the value. Help very much appreciated Regards Srikrish "Learning Continues..."
refresh/rebuild html element
Hi Guys, i'm new to jquery/jquery mobile, and trying to build my first app with dynamic content from sqlite database. the basic functionality of the app is working, but i got some difficulty refreshing the dynamic content pages. In this app there can be several links to the same page with different argmuments to get the correct content from te database. so the page should be totaly rebuild before shown to the user. The dynamic adding to de list works fine, but when i revisit the dynamic page with
Listview with dynamic content
Hello, i have tried to figure out how to solve this in jquery mobile. I have a "list" with data from a database (served through php) I can click on one of the element, which contains a form, so i can change the list-element. When element is saved and i push back, how do i refresh the "list" page? Cause it needs to hit the database again and fetch the changes. Jakob
jQuery Mobile listview hide and show then cannot search
Hi, Is there something new about this bug: http://stackoverflow.com/questions/14396500/jquery-mobile-listview-hide-and-show-then-cannot-search ? It's about having a listview, apply .hide() then .show() methods on a child, and then, using the searchbar that doesn't work anymore. Here is an example: http://jsfiddle.net/bodgybrothers/bw2ZV/ It doesn't seems to be fixed in jQuery Mobile 1.3.0 RC1. We can fix it using .css('display', '') and .css('display', 'none') instead of .show() and .hide(), but
community login
Hi, I'm looking to set up a 'community' or 'member' login permission platform, where members assigned to login to write post on pages for activities, like event, special announcement, post blogs etc. Does jQuery mobile has such feature or plug in? thank you so much.
How to get the Fixed footer hide or show?
I am changing Fixed footer(fixedtoolbar) hide or show according to different events. I want to know, whether I get the Fixed footer status(show/hide) from code. For example, Fixed footer SHOW will give status as true and HIDE will give status as false. $("[data-role='footer']").fixedtoolbar('show');Is there any code like above to get the status of fixedtoolbar? Is it possible to get the status of the Fixed footer?
Please help, problem with iOS and jQuery Mobile select menu.
Hey guys, I just recently started on jQuery mobile, and have been transitioning an iWebKit based site to it; so far, so good, except for one thing. I have a page that allows the user to select a name, and it assigns phone numbers via javascript. It works flawlessly in desktop browsers (Chrome, Safari), but when I try it on iOS, it breaks - selectedIndex of the select menu comes back undefined, regardless of what I choose. Here's the code (numbers were stripped out for privacy). Please help, thanks
ajaxEnabled is set to false, but I still can't get link to separate page to load at anchor point, i.e. page2.html#post2
I am using jqueryMobile, I have ajaxEnabled = false so that I can use anchor links, and they work just fine on the same page. The problem I am running into is when I am linking to an anchor point on another page. For example, I link from page1.html to page2.html#post2. page2.html loads at the anchor point, then moves up to the top. Why is that happening, and how can I stop that from happening?
Fixed footers, native-like scrolling on iOS: Request for feedback
JQM's fixed footers lack much of the look and feel of native footers (at least in my opinion). Fixed elements on iOS jitter when scrolling (albeit this is not JQMs fault), sometimes jump when changing pages and on iOS users expect that the content has that rubber band scrolling while leaving the footers fixed. With scrollfix.js and a html template at hand I thought if it might be possible to create a better user experience for JQM apps. I'd like to ask for your critical feedback (you know once you're
Font size not scaling with JqueryMobile + PhoneGap
Hi, I 'm developing an application with jquery Mobile with PhoneGap... The font size in not scaling with em, pt or % units... I have tried with different tablet sizes and font size remains same ...
How can create a popup dialog box above the parent page and both can accessible ?
How can popup a page above the parent page with smaller size ,and need to access both pages simultaneously. that is i need to open a popup and select something ,and that changes affects the parent page immediately and popup is remaining .i need to touch and swipe the parent page also. Currently i cannot do that feature.When i click the button ,a popup box is coming and there is no background page.i need to open popup box above the background page and both must be accessible. Can you help me?
data-dialog and data-ajax
The Dialog popup does not function when the data-ajax="false" is also included in the href statement. <a href=\"calendarix/userfiles/file/My First Quilt.pdf\" data-ajax="false" data-rel="dialog" >Supply List.</a> Result is simply a new page showing the pdf file. Is there a way to make the dialog work? The above code is contained in a MySql record that is dynamically loaded with php.
will there be a planned split of JQM to align with JQ2?
(I'm sorry if this is a FAQ, I didn't see anything in the search..I'm using IE) With JQuery's plan to focus 2.x on efforts to move the project forward without legacy browser baggage, will the JQM project attempt the same idea to match alignment and community support efforts? 1.x - branch for legacy browsers and devices 2.x - branch for moving forward with JQ 2.x I'm really really hoping the answer is "YES" or "possibly" :P thanks!
JQuery UI for mobile devices?
I am really new to the entire JQuery ecosystem. The question is really basic but I am hoping someone more experienced with JQuery can confirm my suspicions. I am interested whether JQuery UI library will work in mobile interface. From the forums here and elsewhere, it looks like mixing jqUI and jqMobile is a sure recipe for doom. But if we entirely ditch jqMobile, can jqUI widgets be salvaged? Or, is jqUI meant to be confined to non-mobile web browsers only? Thanks!
Next Page