List view questions
I am trying out my first list view, and firs off scrolling is odd on my touch screen device. For example not every time I swipe does it move. Sometimes its like it gets stuck and doesn't register the swipe and instead just lights up the one entry. Secondly as you can see in the screen shot, my activity list goes right up to both the right and left edges and looks a bit ugly.
setting size of grid yo 25%/75%
I want to use the grid to layout a page content. I wish to have the first block to 25% and second block to 75%. I do not wish to use tables if can avoid it. Is CsSS allowed to modify it or will thwJQM over-ride? Anyone have a solution?
changePage() returns to previous page
Hi, I use jQuery.mobile.changePage('#pageErrorDialog');to change to a dialog. My problem is that the page is loaded (I can see it for a few seconds), but then the previous page is reloaded and the dialog disappears. Does anyone know a solution for my problem? Thanks!
select-choice in a listview split button
Hi, is it possible to use the split button (of a listview) item to open a custom menu instead of a link ? Something like: <li data-icon="false"><a href="test.html"> <div>Item 1 text</div> </a> <a for="select-choice-a" data-rel="dialog" data-transition="slideup"> <select name="select-choice-a" id="select-choice-a" data-native-menu="false"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express:
[1.3.0-beta-1] About headers in panels
I'm trying to include a fluid-like header in a panel. What I mean is the that the header of the orignal page and the panel look similar (color scheme + height). This functionality is more or less implemented in http://jquerymobile.com/branches/slide-panel/docs/panels/index.html via a listview in the panel. The first listitem has some tweaking (margin-top and color). I've implemented something similar and hosted it at: http://jsfiddle.net/ZnuwT/2/ It uses similar listview and the tweaking. The difference
Why is that page not centered?
Hello, I`ve created a mobile website. On my iphone it looks good and the page is in the center. On iPad its on the right and on the computer its not centered either, why? http://poure.eu/mobil.fitness-rodgau.de/ Thanks for help
calling in jquery - what is it about?
Calling the switch plugin This plugin will auto-initialize on any page that contains a select with the data-role="slider" attribute. However, if needed you can directly call the sliderplugin on any selector, just like any jQuery plugin: $('select').slider(); This what does this "calling" do? The jqm manual assumes the user already knows But where to find out?
common code for map
For my map for mobile application I want to have the following functions: 1. map a static object designated marker; 2. the user has a button when clicked on can determine its current geolocation; 3. also have a button for the user get direktions. I found some code for all combinations of these positions but they do not work. Is there a common code?
problem with scroll/touch events, page scrolling, & fixed overlay div
Im new to jqm. Ive run into an issue with page scrolling/touch events on android/mobile browser. Here's my demo page It's best to view it on a mobile device in order to clearly see the issue that Im describing... Im running it on a galaxy S3, jellybean 4.1.1, and Ive tried it both on chrome and the stock samsung browser. background: In my jqm page layout, I have a 'collapsible, fixed footer div / toolbar' that Im creating 'from scratch' / Im not using jqm or including it within a jqm 'page' div (there
hiding signal and navigation bar
is it possible to develop a jquery mobile app by hiding the signal symbol and the navigation bar.
adapting jquery to a html5 website
I am countyfairgrounds.net and the site has been coded in html5 and css3 I am pretty visible and resizable on most mobile devices. Do I therefore need to make a separate jquery website for mobile ? or can I take my present site and just adapt it with some jquery - without having a specific and separate mobile website. I am new at jquery and need help
$('#item').bind("change keyup",function() not working on data-native-menu="false"
Hello, $('#item').bind("change keyup",function() is not working, if a select element has the attribute data-native-menu="false". How can this be done? Thanks! Leo
Jquery mobile changing code in my body tag and first div
I am trying to just use some pieces from jquery mobile on my mobile website and not everything. It seemed to be working perfectly but made some graphical errors on the page like this: In this picture you can see on the right the messed up background and the code below, then on the left picture you can see I took out some of that auto generated code and everything worked fine. How cna I prevent jquery mobile from auto injecting this code?
catching when a panel closes
I'm using a panel to display information on a mobile app (jquery 1.3 beta). It's being opened based on a selection on the main page, which I will highlight when it's clicked on. When the panel closes (slides off the screen), I want to unhighlight the selection. How do I catch / bind to an event on the panel so that I can do so? (This may be an easy question, but I'm new to jquery mobile and nearly new to jquery!). Iain
Submiting Ajax form to php - the respone is full page
Hi! I have problem with my simple form using jquery mobile. My script works normally on classic website, but it is not working on jquery mobile. I tried several tutorials, but still the same :( the paramteres of posting form in Firebug are OK, but the respone back from PHP is not the right and in the respone tab i can see HTML of the whole page. Sample code HTML: <form id="form" method="post"> <fieldset> <legend>ADD TOPIC</legend> <p><label for="name_post">BRANCH</label><br /> <input id="query_post"
Numbers rounding off issue after some digits
I am using jquery mobile framework with Java (json with spring) for my mobile application.server sends response as 1.2345678901234568E16 for one of the value but jquery in user interface, its not displaying the value as it is. It is doing type conversion/auto rounding off while displaying in UI. I am using Double datatype in server side. Also i tried use .attr() attribute to get the original value. But the problem is, am iterating over the dynamic values. could you please help me out to solve this
How tp prevent iPhone webapp from scrolling main window
I am using JQuery Mobile 1.2.0 and testing it out. So far it works fine on my iPhone 4S. I have one problem with webapps and that is, that they look too much like webapps. What I mean is, that if you drag the page down, the whole page, header and all move down exposing a grey background. The same thing happens when you drag the whole page up. Below the footer is a grey area exposed. See images below with the grey area pointed to by the arrow. Also a scrollbar appears on the right. Top area: Bottom
classify Flip toggle switch
classifying <select> somehow does not work <select name="flip-1" id="flip-1" data-role="slider" class="bigga"> <option value="off">taunus</option> <option value="on"> grenada</option> </select> $(document).ready(function() { $('bigga').hide(); }); If it did, the flip switch would get hidden. How come it doesn't? Is there a general rule in css of jqm or js that prevents this? What would be the workaround?
Using pieces of Jquery Mobile in my mobile website
I have built a mobile website on my own in php, and wanted to use pieces of jquery mobile to make it display better on a mobile device. I am trying ot pick out pieces form jquery such as forms and list views to use to enhance my site. I am trying to do this with out re-writing most of my code, as I already have a nice theme I would like to keep my website on. The first thing I tried to do was use the form elements form jquery mobile, and when I inserted them in my page is made everything askew.
[1.3.0-beta.1] linkBindingEnabled/hashListeningEnabled seem not to be working
If I understand correctly setting both linkBindingEnabled and hashListeningEnabled to false should prevent clicking links to actually navigate. This to use e.g. a framework like Backbone for routing. In 1.2.0 this works as expected but in 1.3.0-beta.1 not. See 2 simple fiddle's below: 1.2.0: http://jsfiddle.net/3rMSu/ 1.3.0-beta.1: http://jsfiddle.net/4gnkx/1/ Clicking on the list item in 1.3.0 navigates to other page which should be prevented. Cheers, Marcel
Transform Jquery-mobile App to an online Iphone App
Hello, I create a web application with Jquery-mobile. Now, I would like to crate an ONLINE Iphone Application using IBM Worklight. I succeed to builde an Iphone Application (offline) by inserting the html files of my Jquery-mobile App in the Iphone project using IBM Worklight. So, to builde an online app, I don't know where I should store my files (.html) and how do I acces to this files. Could you help me to transform my offline application to an online application. thank you Lotfi
How to get rid off page transition bottom scroll bar?
When use changePage, there is horizontal scroll bar shown in there. It is shown in Android and iOS Phonegap apps. How to get rid of this scroll bar? Thanks!
How to get page header (fixed page header) in pagebeforeshow event?
If the header is not fixed, in pagebeforeshow $('div[data-role=header]', $.mobile.activePage) could get to page header. When in fixed header, before transition happen, the header is not available in pagebeforeshow event. Looks like it is removed before real transition happens. How to get page header (fixed page header) in pagebeforeshow event? Thanks! Jerry
pinching on select menu button prevent me from expand in iOS 5.1.1 safari
After I pinch on select menu button, iOS safari go on to prevent me from expand by pinch on every page. After this issue began, I had to touch select menu button to open select menu, if so, I came back to be able to expand by pinch. I confirmed this isuue in this select menu button : http://jquerymobile.com/demos/1.2.0/docs/forms/selects/ Is there any means to avoid this issue? I don't want to touch select menu button, every time I pinch on select menu button. Thanks.
pinch on list make the background-color of the list become dark(only happen in Android 4.0.3 native browser)
When I pinch on list, the back ground-color of the list become dark. Only Android 4.0.3 native browser cause this strange issue. I confirmed this issue on "overview", "components", "API" list in : http://jquerymobile.com/demos/1.2.0/ Please teach me how not to change color when I pinch. Thanks.
store xml node in sessionStorage
Hello, i read the data from xml document. I want to store the variable "area" into "javascript:sessionStorage...", to transfer the value to the next html site. But it doesn't work. I've heard that's important to serialize the xml data to string and unserialize the string to xml. I know json is the better format to read out and transfer data for jQuery Mobile, but I want to use the xml-format. Can someone help me to serialize the area node? Here is the javascript code: $("#page1").on('pageshow', function
Placeholder in
d ata-placeholder true | false - Can be set on option element of a non-native select <select id="s1" name="myname" data-placeholder="true"> <option selected placeholder="Username"></option > </select>Placeholder doesn't work :( How to make it work?
Maintain scroll position after post back
Hi guys, I am working on a web project using Jquery mobile, and web forms. I am trying to maintain the scroll position after post back but it is not working on pages that have references to the jqm resources( js and css files). The page always returns to the top after post back. on regular web forms there is no problem. I have tried to set the scroll position using the maintainScrollPositionOnPostBack property of the page(did not work), and with a javascript function that uses window.ScrollTo(x,y)
jQueryMobile: page change from horizontal to vertical
Hi, is it possible to tell a page which orientation it should have? I want to have a page on my device that sould be displayed "landscape" but the menu and every other page should be "portait". Thx everyone! Best Regards Chris
Web application - localstorage problem only on iphone
Hello, I am a french developer, and I have made a web application with html5, css3, jquery 1.8.3, jquerymobile 1.2.0 : I use theses functions to register and get infos from/to localstorage : function registerDataToLocalStorage(pmKey, pmValue) { removeDataFromLocalStorage(pmKey); localStorage.setItem(pmKey, JSON.stringify(pmValue)); } function removeDataFromLocalStorage(pmKey) { localStorage.removeItem(pmKey); } function getDataFromLocalStorage(pmKey) { return JSON.parse(localStorage.getItem(pmKey));
Google maps, Marker title, tap or hover
My google maps markers all have titles and I'm testing the "hover" functionality which on a desktop shows the title in a small info box. As JQM doesn't have a mouse to hover I've tried tapping the markers but nothing shows. Does JQM turn the tap event into a hover event or do I need to do that myself?
A suggestion on using background images
With the problem I am having with specifying a background image in my CSS file, It would be a nice touch if Theme generation would allow the ability to specify a background image. I know that you can apply a color but not an image. Would really simplify things.
how to use bubbles with jquery mobile?
hi everybody, i'm beginner with jquery mobile and i need to implement an application of reclamation so i need to use bubbles, i would like to khnow if it's possible with the library jquery mobile or i need to integrate other component. best regards.
Importing data on page transition.
Hi, I have one document containing multiple pages. I also want to import an XML file (online) when a link to another page is called. I am not sure what code to use when this link is used to populate the next page before it is shown. I just want to have the loading message appear before the XML file is called and when the XML is loaded transition to the next page. Currently I am using 'pagebeforehide'. Thanks, Lammie.
Enable button when checkbox is checked
I've searched around and tried different suggestions I have found but nothing is working. I need the submit button to enable after the user checks the checkbox. Here is my code so far: <label><input id="Confirmation" type="checkbox" /><span class="red"> I hearby affirm that the information included is true and correct.</span></label> <input id="Submit" type="button" value="Submit" disabled="disabled" data-inline="true" /> <img class="noFormat" src="/images/help.png" id="RentalRegHelp" alt="Help" title="Help" />
Links don't work -- maybe because all pages aren't completely loaded
I'm building jqm multipage html files using php. Each file has a "home" page and additional reference pages. The reference pages take a bit --about .2 seconds get query results returned and get "printed" in the html file by php. There are links (ordinary anchor tags) in the home page to the reference pages. It all works fine if I wait several seconds after the home page is displayed before clicking on any of the links. However, the links on that page don't work if I don't wait. I'm assuming that
Jquery Mobile Site design has gone away...
I am using the following code in my head tag for m.whitewatertours.com : <!DOCTYPE html> <html> <head> <title>California Whitewater Rafting with Tributary Whitewater Tours</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <link href="twt_mobile.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
Header Problem
When i put an image in my header it surround it with this black box. I want the image in my header to look seamless with the background image. Some please tell me how to remove the black line between them. here is a photo of the header and background.
data-autodividers
Hi, I have created a list view in a page using the following code: <div data-role="content"> <ul id="list" data-role="listview" data-autodividers="true"></ul> </div> Is it possible to alter the value of data-autodividers dynamically from a script? Thanks
JQM and Phonegap. No alert on button click.
I'm developing an iPhone app with Phonegap 2.2.0 and JQM 1.2.0. I want a phonegap alert to show on button click: $(document).ready(function() { $("#startnewbtn").click(function() { alert('click'); navigator.notification.alert( 'inception' , null , 'Info' , 'OK' ) ; alert('post click'); } } When I tap the button with id="startnewbtn" the first time, 'click' will pop-up. So will 'post click' but not 'inception'. On the second tap there will be 2 or 3 'inception' pop-ups. The
Next Page