BUG ? White line flashing at bottom during page transition !
Hi, I am writting my first app with Jquery mobile ... it's really a nice framework but now i am stucked with a really weird problem : On nearly all page transition i got a 1px white line flashing at the bottom of the screen (exactly on the footer bottom border). It appears on every page transition but the ones that shares the same footer (same data-id). I googled a LOT and tries a LOT of things : page height : seems to not happen on long pages ... footer height : nothing having same footer height
Last button in navbar is 2px shorter than the others
For some reason, the navbar I have created is 2px shorter than it should be. After digging around in Firebug, I was finally able to determine that this is due to the last button being 2px shorter than the others. Here is my code: <div data-role="navbar" data-iconpos='top'> <ul> <li><a href="index.php" data-icon="grid"data-ajax='false'>Inventory</a></li> <li><a href="index.php?action=add" data-icon="plus"data-ajax='false'>Add</a></li> <li><a href="index.php?action=remove"
Jump anchor tag on page load
Hello I'm working on a web mobile app using jquery mobile application. the problem I'm having is, using below link, I want my cursor to jump to specific record but its not happening. I have tried multiple solution but none of them seems to be working. It needs to happen as someone loads that page. However, it does work when I click on any record once page gets loaded fully, it keeps moving records upwards as I click on them. This does happen using javascript but same thing doesn't work on load of
mobile jQuery navi examble to tabs
Hi, I have study jQuery and mobile jquery and have surfed throught different websites. Can I somehow use this mobile jquery navigation funtionality http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html#../../ that way that it works like tabs. Tabs just hide and show contents, which are on same url. 1) Is there any change to get jqueymobile examble to work like tabs? 2) http://jsfiddle.net/E86M9/3/ can I use safetely these kind exambles? Does they work on every platform? 3) Why that
mobile swiping carousel images on gallery
I have a hopefully quick question about using the mobile swipe function for mobile jquery. We have a gallery here http://www.grandhotel.com/the-hotel#72157623428872151&7142284101 and I've got it so that the larger image swipes left and right, BUT I also want those thumbnail images to be "swipeable" too.. the code that controls the thumbnails is: $(this).find('.thumb').unbind('click').click(function() { var t = $('#suprflickrGallery .list .content a[photo_id="' + $(this).attr('photo_id') + '"]');
Does jQueryMobile works inside frameset?
When using jQueryMobile inside <frameset> it seems width and height is determined correctly. Any suggestion to make jQueryMobile work with frames?
Can't seem to refresh style of <a data-role="button">
Hi there, I open the datepicker with a <a data-rel="button"> and I change its text when a new date is selected. However, I can't seem to update the buttons style back to normal after I change its text. <a id="a_workout_date" href="#" data-role="button" data-mini="true" >2013-01-01</a> $("#input_workout_date").change(function() { $("#a_workout_date").text($(this).val()); $("#a_workout_date").trigger("create"); $("#a_workout_date").button(); $("#a_workout_date").button("refresh");
Recommended architecture for RESTful API
Hi, I'm trying to figure out what's the best way to use jQuery Mobile with PhoneGap to interact with a server. So far I've read: http://forum.jquery.com/topic/restful-resources-rails-3-and-jquery-mobile http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/ http://blog.digitalbackcountry.com/2011/12/passing-data-between-pages-in-jquery-mobile/ http://jquerymobile.com/test/docs/pages/page-navmodel.html and haven't found a definitive answer. Or more likely am too lost to piece the information
can i horizontal scroll bar to navbars
can i add horizontal scroll to nav bars if si please send code.
jQuery Mobile without UI widgets (only using AJAX navigation and events)
Although the jqm ui is great I'm now in a situation where I need to use custom html without enhancements. So basically what I want is the jqm ajax navigation, loading widget and (touch) events. I noticed http://jquerymobile.com/download-builder/ but I'm not sure what the status is as it's mentioned not to use it for production code. And even if it was production ready, I'm not sure which components to pick for what I want. Is it easily possible to use what i stated above without a hacky approach?
Viewport settings for Android vs. IOS?
Can someone please clarify the viewport settings required for JQM to work on IOS and Android devices? The website states JQM is "A unified, HTML5-based user interface system for all popular mobile device platforms," but I cannot seem to get my site to display/render properly on Android devices. It works beautifully on IOS, but Android devices display the site very small when viewed on the testing emulators provided by BrowserStack.com. I'm using the viewport settings that JQM recommends: <meta
Help!!
please i nedd help!! i want to create a mobile application (support: Android 2.3) and i don't know haw to start... what technologies do i need??? jqm+phoneGap+??? do i need SDK and java and Json....please help!! it is not complicated the idea of the application just transitions and pages and buttons and access to data base to get the informations of a client for exemple..thank you.
Help!!
please i nedd help!! i want to create a mobile application (support: Android 2.3) and i don't know haw to start... what technologies do i need??? jqm+phoneGap+??? do i need SDK and java and Json....please help!! it is not complicated the idea of the application just transitions and pages and buttons and access to data base to get the informations of a client for exemple..thank you.
send a value in jquery mobile from page to page
how I can to send a value from page to another page This message is displayed after I installed my application on a tablet Application Error : une erreur réseau s'st produite(file:///android_asset/www/maPage.html?MaValeur)
jquery
In Accordion jQuery functionality, how do you shift the tab positions dynamically using left, right, top and bottom without using UI plugin? Example: There is a drop down with four values these are 1.top 2.bottom 3.left and 4.right If i click on top - Tabs should display top to bottom direction If i click on bottom - Tabs should display bottom to top direction If i click on left - Tabs should display left to right direction If i click on left - Tabs should display right to left direction Assume there
header location iPhone start from Home Screen
I have a web app that I converted from jQTouch to jQuery Mobile and it works beautifully in browser mode on iPhone, but when I use the Add to Home Screen feature I have a problem. When it runs in this mode the header bars are partly hidden by the phone's status bar at the top. My workaround is to set a margin-top for the ui-header class, but then it looks a little silly in browser mode. Is there a way to get proper behavior in both modes? <head> <meta name="viewport" content="width=device-width,
SetFocus to a field & show iphone keyboard
My requirement is to set focus into first input field when a page is shown or a previous input is blur-ed on iOS4. Few ppl raised the same question on other online forums, but any of solutions worked. (most of the solutions work fine on Android, however not on an iphone). Any ideas or workarounds? thanks
jquery mobile popup and image maps
Hi, I have a page which has an image as the backgroud. I have 30 different points on the image and need to open a new image on click of these point in form of a popup on the same page (exactly like an jquery mobile popup). Since the JQMobile popup is liked to a <a> tag and the image map is using <area> tag i am unable to do it. Here is what i did.. <img src="images/img/landing.png" alt="landing" usemap="#Map"> <map name="Map"> <area shape="rect" coords="1369,176,1470,222" href="#dialog"
Styling A Fieldset - 7 Buttons in a row.
Hi, I have a fieldset on my page that contains 7 radio buttons horizontally. I am stuck however on how to style it as I want the buttons to be red and when pressed change to blue. Also I want a white border around the fieldset and not each button. Example. --------------------------------- | 1 | 2 | 3 | 4 | 5 | 6 | 7 | : Horizontal role of buttons in the field set. --------------------------------- Thanks in advance, Paul.
Problem with using a linked list in a collapsible button.
Jqm version: 1.2.0 Desired Result: Upon setting a collapsible button, links to data-mini="true", wish to have buttons should use data-mini="true" Problem: No matter what I do, I can not get the buttons to be minimize. I have been to the docs several times and tried every combination. I am providing the code snippet and a picture of the un-collapsed output. hope this helps. <!-- pasta dishes --> <div data-role="collapsible"> <h3><div data-iconpos="top">Pasta Dishes</div></h3> <h3 align="center">Great
web service problem
i had another problrem ... my jquery mobile app running on emulator or device but not in web browser.... if app is not with web services it running both on web browser and emulator fine .. but when i work with web services with the help of .net its running on emulator but not working on browser... please help me.. and explain why it is happining like that...
Theme displaying themes
Version JGM: 1,2.0 URL: http://mobilehost.me/MP/ Problem: Adding a ThemeRoller Theme to my project, does not display. Steps : 1. Created themes A, B, C 2. Down loaded to my download folder 3. Moved the theme folder from download folder to my project. 4. Wrote the Link to the themes folder to get theme. My Code:: <link rel="stylesheet" href="themes/marrisPizza.min.css" /> <link rel="stylesheet" href="styles/myStyles.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
Is there a listner to check if the GPS signal is back/available
Dear All, I am searching since a while how check is GPS is available after having lost the signal. I am using that code to watch my position if($('#googleAPI').length != 0){ //var track_id = "me"; if (Tracking.watch_id == null) { Tracking.watch_id = navigator.geolocation.watchPosition( // Success function(position){ var lat = position.coords.latitude; var long = position.coords.longitude;
Disable Initial scroll to top
Is there any way to disable the Initial scroll to top when jquery loads ? It's fine most of the time but other times it is unwanted.
Database to use with JQM and Phonegap
I am building an app using Phonegap and JQuery Mobile. However, I am confused to which database plays well with both of them... Any suggestions...
Can't call refresh on listview prior to initialization
I'm stepping through the examples in Pro JQuery. The content appears to be good, although there are numerous listings with small syntax errors. I've gotten to one that has more than a syntax problem. The following is a small excerpt from the example: <script type="text/javascript"> $(document).ready(function() { $.getJSON("data.json", function(data) { $('#flowerTmpl').tmpl(data).appendTo("body"); $('ul').append($('#liTmpl').tmpl(data)).listview("refresh") }) }) </script> If you have the book, or
how to create the notification for android with SDK PhoneGap
Hy, Please i want to create the notification dynamically in my application android , I develop with SDK phoneGap, how can I do? Thank's
remove() and hide() only work for the items of first dynamically created collapsible
Hello friends, I'm creating a mobile multi-page with dynamic content. When the page is loaded, the groups (blue collapsibles in below picture) are loaded from a database with an ajax-request. Then when a collapsible is clicked and expanded, the content of that specific group is loaded with ajax-request. And when the X-button is pressed, that list item is deleted with an ajax-request + remove(). The problem I'm facing is that remove() and hide() only work with the items in the first collapsible-group
Jquery mobile select box can work only once
this is my screenshot from my website. Question: when i click firstly number 1 select box, then this seclect box works. but when i firstly click number 2 box, then click the number 1 box, number 1 can bot be opened. i dont no what's wrong. I need your help this is my coed as follows: <form action="" method="post"> <div data-role="fieldcontain"> <select multiple="multiple" id="chFleets" data-native-menu="false" onchange="selected()"> <option>Choose FZG by Problem</option> <option value="letzter
the value changes in the sending
hi, When I send a value to another page, if this value with spaces or special caractaire, these becomes %20 example : before sending : ABOPO PK 18 after sending : ABOPO%20PK%2018 two pages with <meta charset="UTF-8"> Code first page $("#LiElmSelector").live("click",function(e){ var gData = $(this).attr('index'); $(location).attr("href","pharmacieListe.html?" + gData ); }); Code second page var idSet = document.location.search alert('rr :'+ idSet ); idSet = idSet.replace("?",""); Tnx
Icon only buttons not working with "ui-btn-left" or "ui-btn-right" css class
What I get is: What I was hoping for is (but with buttons on right side and on same line, like above picture): Here's my code (I am using a ThemeRoller theme, without modification). I am using jquery.mobile-1.2.0. <div data-theme="a" data-role="header"> <div class="ui-btn-left" data-role="controlgroup" data-type="horizontal" data-mini="true"> <a href="#" data-role="button" data-rel="back" data-icon="arrow-l" data-iconpos="notext">back</a> </div> <h3> Test
problem with $.mobile.selectmenu.prototype.options.nativeMenu
I have been using $.mobile.selectmenu.prototype.options.nativeMenu = false; in my app, but now I want to change to using the native dropdowns. However, if I remove this line from my code (or change it to true) then the page will not load. I get an error Uncaught TypeError: Object has no method 'addClass' jquery.mobile-1.2.0.min.js:2 (anonymous function)jquery.mobile-1.2.0.min.js:2 (anonymous function)jquery-1.7.1.min.js:4 e.extend.eachjquery-1.7.1.min.js:2 e.fn.e.eachjquery-1.7.1.min.js:2 f.fn.extend.htmljquery-1.7.1.min.js:4
Date picker not working in phonegap
I have a date field in my app and the date picker works great when used with my android phone browser, but when I put the page in phonegap and use the same phone the datepicker does not appear, it just shows the keyboard. Is there a workaround for this? Update: the date picker works fine in phonegap with iOS. So whats wrong with Android?
Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256
I have included the latest jqueymobile.js When I click on submit button, I got the error as below: Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256 Below is code of my HTML File (index.html): <!DOCTYPE html> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <link href="registrationstyle.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="jquerymobile120.js"></script>
Page rendering issues IOS vs. Android
Any idea why a jqm site renders very small on Android devices and renders fine on IOS (iPhone 4, 4S, 5)? See attached screen shots. I'm new to jqm and don't understand what's causing this!? Any help would be appreciated. Thank you.
PropertyCross - compare jQM vs. Sencha vs. Titanium ...
Hi All, I wanted to create a way for developers to more easily compare cross-platform frameworks. With this in mind, I came up with PropertyCross: http://propertycross.com/ This project demonstrates the same application implemented with a number of frameworks. You can read a bit more about the project here: http://www.scottlogic.co.uk/blog/colin/2012/12/introducing-propertycross-helping-you-select-a-cross-platform-mobile-framework/ PropertyCross is open source and hosted on github. There is already
Persisting google maps as a toolbar
I am developing an application where the background for all the screens is a google map. I have been able to overlay my UI on top of the google map for the first screen with no issues, but i haven't found a way to be able to persist the map div over from data-role="page" to data-role="page"; Whilst i can live with reloading the map on every screen, it would heavily impact my bandwidth consumption and my app's user experience as a whole. I tried assigning the same ID to all the div's hosting the
Can't hide an input field with css('visibility') on Android
I'm trying to hide an input field by setting its .css('visibility','hidden'); This works fine running in my development browser (Chrome on Windows), but when I run it on Android (version 4.0.4, Samsung GS2, Phonegap), the hiding behaviour doesn't work properly. The field is not hidden at first, but if I then do something with some other JQM widget on the page, such as collapsing or expanding a listview, then the input field is hidden. I get the same result if I rotate the device, which presumably
Double and triple transitions
I am using jquery 1.7.1 and jqm 1.2.0 and while testing my page on the Android emulator I noticed that when I do a page transition it flashes 2 or 3 times. I just want to know if this is normal, or if I am loading the page the wrong way. The pages look fine on the phone, and on a desktop, but not in the emulator. It could be that the emulator is not able to render the transitions correctly. Here are the test pages I have been using, they are very simple, click on the top 3 buttons in the emulator
problem in page refreshing
hi can any one help me.. i have a login page when i enter username and password it is navigating to second page but when i press back button on emulator then it returns to login page the username and password i enterd remains on same page .. actually i want this when i press back button on emulator the page should go to login page the username password which i enterd should be clear....
Next Page