Is jQueryMobile ver1.2.0 interchangeable with ver1.1.1?
Please teach me if I upgrade my application using jQueryMobile 1.1.1 to using jQuery Mobile 1.2.0, can it work as ever? I'm simply planning to change my code as follow: <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.1.css" /> <script src="jquery.mobile-1.1.1.js"></script> ↓ <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css" /> <script src="jquery.mobile-1.2.0.js"></script> After this change, is
Initial landing page based on condition
I have a main.html with 2 pages (data-role = page) Now I see the splash screen then page 1 and page 2 my functionality required that I go to page 1 or page 2 depending on some condition. Currently, it shows page 1 and if condition is true goes to page 2 but i dont want that way, i want page 2 visible after the splash if the condition is true, please gimme some ideas how can I achive this thanks in advance :) regards j
Custom theme misses some icons (for buttons)
Hi, I am using a custom theme. This theme was done with the ThemeRoller-Tool from the jquery-mobile-Site. But when using this theme, some icons are lost/wrong. Example: <a href="index.html" data-role="button" data-icon="edit">My button</a> With the original theme a pencil is shown. But with my custom theme, a "plus" is shown. I am using: <link rel="stylesheet" href="/css/my_theme.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
Back button after external link loses dynamic content
Within my app a user eventually navigates to an external link by going through a few dynamically populated listviews (Each listview click ajax loads content into the next listview) All the pages are contained within the same HTML file. However, after visiting the external link, if the user then clicks back, all the previous listviews are now empty (so they have to click back 2-3 times to reach the home page) Is there a way of caching this so back functions as a user would expect? I've tried setting
Forward navigation works but backwards did not work
Hello, I described my problem already at this page: http://stackoverflow.com/questions/14233145/jquerymobile-forward-navigation-works-but-backwards-did-not-work I've also added two comments. Maybe someone here can help me? Best regards, Stefan
Listview: Refreshing so no item is selected.
Hi, if I have a listview and say for example with one item chosen, how is it possible to refresh it so that nothing in the list has been chosen. Thanks.
Discover Popup opener
In Popup.popupbeforeposition(event, ui), how can I tell which A tag was clicked to open the popup? OR there might be a better way of doing what I'm trying to do-- which is the A tag has information in its Data collection. The popup's content will change slightly based on that data. Should I pass the data to the popup in a different way? Perhaps the A's href should be "#popup?data=XXX", instead of $(opener).data("XXX")?
Grainy images in JQM header...Why?
Can anyone tell me if jquery automatically scales my header image and makes it grainy? All images are very crisp except this logo image that appear in the header using the class="ui-btn-right". Should it be sized to a specific height to avoid re-sizing and grainy appearance? Any suggestions would be appreciated. <div id="header" data-role="header"> <h1>Cummins West</h1> <img class="ui-btn-right" src="/mobile/images/m-cwi-logo.png" alt="Cummins West Inc." /> </div> Here
listview selected item does not stay active
Hi, I am having problem with this page: http://codeturtle.com/files/list.html When I click on any item, the selected item background turns to blue then turn back to normal, I am under the impression that selected item will remain blue background until other items are selected. If that is not the default behavior of JQM, how do I make it? Thanks
listview with 3 controls per line
I've struggled with this for many hours. I cannot find a way to show these form elements as such: [Label1] [Input textbox1] [button1] [Label2] [Input textbox2] [button2] [Label3] [Input textbox3] [button3] The problem is that the button always wraps to next line even when there is plenty of horizontal space. Here is the code sample. Thanks in advance. @Using Html.BeginForm() @Html.ValidationSummary() @<ul data-role="listview" data-inset="true"> <li data-role="list-divider">Timecard</li>
3d cube rotation jquery mobile
http://www.melonhtml5.com/#gallery.js i am planning to implement this site for my current project for both desktop and mobile versions is it possible to implement the same 3d animation using jquery mobile for iphone and ipad device using jquery mobile
Complete jQuery Mobile/ PHP / MySQL app with CSS/JS for IE compatibility, Feel free to copy css/js code
Green Smoothies Here is a full php/mysql jquery mobile app recipe book for Green Smoothies recipes. I also wrote custom CSS for IE compatibility if you want the CSS to make it work in any IE browser so feel free to look at the sourcecode and copy the css (Green Smoothies Styles for IE). If you would like to see the php code I would be happy to post it. The Green Smoothies recipe book acts just like the iphone app and has almost everything from the jqm framework. If you have any questions feel
Windows Phone 7, Back Button Behavior
I have my mobile site up and running with various people testing. I don't really "care" about Windows users, but was surprised when I got a 2 thumbs up from one of them. However, it was short lived as about 30 minutes later I got an e-mail stating that when he presses the back button (not the browser back button, but a jQM one) it doesn't go back a page it goes back to the previous website. I saw this patch and was wondering if this is the reason it doesn't work? I don't have a problem telling
JavaScript & CSS - How to make elements hidden/visible?
Hello, I'm using CSS media queries for responsive design, I have menu on the left side and content on the right side. On a mobile device only the menu is visible, right content is hidden. What's the simplest way to make right content visible and hide the menu as user clicks on a link? The problem I have, JavaScript is contradicting with CSS media queries. When I use JavaScript code to display content, it doesn't display because apparently CSS is preventing. Here's the JavaScript code, which toggles
How to create a splitview or multiview layout for tablet application using jQuery Mobile?
Dear all expert, I'm newbies with jQuery Mobile. I would like to create a page like the picture above. Basically my application is use for tablet (iPad). And i have no idea how to do it. Can anyone guide on it? What is the correct way to do? Currently my problem is on creating side view. Mean i would like to show a list of name(in listview) at Left side of screen and when user select the name from listview, the screen must display details for the selected name. How can my program to only reload
How to Filter, Sort & Search on Responsive tables in v1.3
I have been testing with the new JQM 1.3 docs.. Using the new Responsive tables script is pretty cool but lacking the following: No Column Filtering No Column Sorting (working with tablesorter.min.js) No Column Search I added in the tablesorter.min.js and it works great to sort the columns As far as filtering & searching, I would like to just use the default JQM filter box at the top of the table? I wrapped my <table> in the following: <ul data-role="listview" data-inset="true" data-filter="true"
Listview stays coloured after a listview refresh.
Hi, I have a listview that when clicked on calls a function to disable that option. When I click the reset button it re-enables all the options in the list but any options that have been previously selected stay the same colour as if they have been selected rather than reverting back to its natural colour. The only way to get it back to its original colour is by running the mouse over them. Thanks in advance. Lammie.
Form Post Update don't work
Hi, I have try this but not work, what it's my error? thanks <script type="text/javascript"> $(document).ready(function() { $("#submitCliente").click(function(e){ var formData = $("#updateClienteForm").serialize(); $.ajax({ type: "POST", url: "update_cliente.php", cache: false, data: formData, success: onSuccess }); e.preventDefault(); }); }); </script> <div data-role="content"
listview : selected item not highlighting
Hi, Listview : selected item i highlighted using $(this).addClass('ui-btn-active'). This works for the first time. When i select the next item, i need to highlight the second item and remove the highlight of first item. I stored the first highlighted $(this) as var $selectedItem = $(this). And again i m trying as $selectedItem.removeClass('ui-btn-active'). But its not working... Waiting for you guys to reply on my issue. Regards, bngk
Iphone/Ipad/Safari.... Font weight changes on device Orientation change...
[Happens in IPhone/IPad/Safari] When the device rotates from one orientation to the other... the fonts becomes thicker in app... this can be overridden/solved by extending .ui-mobile-viewport with the following... -webkit-transform: translate3d(0,0,0); I request the JQM plugin developers to add this.
Jquery Mobile Panel not working
I am trying to get the Panel to work as per doco here: http://jquerymobile.com/test/docs/panels/index.html I am having no luck, here is a copy of some code in jsfiddle: http://jsfiddle.net/rhounslow/v3cYX/ Any help would be appreciated. Thanks in advance, PK.
Large image, zoom and fixed menu???
Hi there, I've been ask to develop a mobile web using jquery mobile. We are running JQM 1.2 and JQ 1.7.2 . We are facing the following case. 1-We need a fixed top and bottom menu (easy thing to achieve regarding some mobile compatibility issues) 2- the main page contains a image with height=1284px and width=2334px so... We've managed to scroll it horizontally, however the main problem is that we weren't able to pinch zoom in/out the image and is a must requirement for the client. Then we found that
trouble populating data to a select menu dropdown
Hi, I'm Having trouble populating data from a simple json to a select menu dropdown using jquery.I tried using so many codes,but the problem still persist.Can any 1 please help. I checked in the console of the browser.There its showing that the data has been fetched and populated.But not showing on the dropdown.I tried two three ways but can't get a way around. Code : html <select name="MODEL" id="MODELS" data-native-menu="false" data-mini="true"> </select> js $.ajax({ url : 'ModelDet.json',
JQuery Mobile - Get Value From InputText
Hi, How do I get the value of a field in order to then upgrade? <a rel="external" href="update_cliente.php?idCliente='.$r->idCliente.'&RagioneSociale=VALUE FROM INPUTTEXT"data-icon="delete" data-theme="b" class="ui-btn-right">Salva</a> Regards, Daniele
memory leak when page was removed
hi, i have a big problem with memory leak.my application is build with phone gap and jquery mobile and it only has two pages, one is list page the other is detail page.when list page or detail page is removed the memory of the application can't be released, when i close the application (actually the process is not killed) the memory can not be released too.as the application is running, the memory increase bigger and bigger.every item in my list has an image, because the knowned issue about
default icons missing
Hi guys, I'm using JQuery v1.8.3 and JQueryMobile v1.2.0 for my project. I wanted to host the jquery mobile css files by myself but everytime I'm trying to do this all default icons (for listviews / back-buttons / collapsibles etc. ) disappear. The white arrows disappear and I just see grey circles instead. It seems like I'm missing some images but I included all 5 in my image folder (icons-36-white.png, icons-18-white.png etc.). I just copy and pasted the .css file from the jquery mobile page (http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css).
how to call text message app and allow user to add contacts to send sms?
hi guys, i'm trying to make a app like: text field to allow user to input some text, add contacts button to allow user to choose contacts from their contacts list, and send button to allow them to send sms to selected contacts. or maybe after choosing contacts, the app will call the text message app to allow user to send sms. how can i do that with jquery mobile? thanks for your helps!
Activate Android Maps application using jQuery
Hi, I am developing an application in jquery mobile (i am new o this). I was able to generate a map with specific Lat,Long and define directions between two points. Where as now I want to show the map in the default android Map application rather than the browser. Could any body advice me on how to proceed on the same. Thank you Jats
Calling a number on Windows Phone 7
Hello , I am working on a windows phone 7 app using jquery mobile and phonegap. I realised window.location.href/replace(....) do not work in WP7 and i know I can atleast replace window.location.href with jquery mobiles page change implementation BUT what if I want to have a javascript to call someone. My current code goes something like this: window.location.href="tel:"+telephoneNumber I know another way is to dynamically create a link and triggering a click on it , but don't want to touch the page
Can anyone tell me how i could add an if else to the following please
Firstly hello all, new to the forum as just found out how fantastic jquery mobile is so getting a bit addicted I am starting to put together an rss reader app but at the moment it gets the feed each time the button is pressed, what i would like to do is if there is an internet connection get the feed (And store it in local storage as well and if there is no internet go to the local storage to retreive the data I have the live side up and running fine but need a bit of help getting the if else statement
Found a Solution to the flicker problem in page transitions!
Hi, I'm developing a jQuery mobile (v1.2.0) web application and testing it in my android device (Samsung Galaxy S II). But there was a serious flickering problem in page transitions. I deeply investigate the jquery-mobile.js to understand when this flickering happens. After spending many hours, I found which code part causes the problem: Enabling/Disabling zoom on just before page transition! $.mobile.zoom = $.extend( {}, { enabled: !disabledInitially, locked: false, disable: function( lock ) {
Symbian 60 Jquery mobile
Hi all, We created a web application using jquery mobile. In our users not able to open the application in symbian 60 with opera mobile 12.0. can you give the advise?
request to help for arrangind radio buttons horizontally and fit to page
hi, i have 3 radio buttons which is to be place in a horizontal way and it must fit to the page like a nav bar.. please help me in this regard.
jquery mobile flip
I am looking a flip that work on different page roles not on a single page . i used this https://github.com/amegan/jquery-flip , but it is working on a single . could you help me in crating multiple page role based jquery mobile flip. i am looking for the coustomisation of the https://github.com/amegan/jquery-flip Thanks
Jquery Mobile needs refresh in new page
i have two pages in JQM, first page is working fine , but second page needs to refresh to load some styles and actions in js . Need a solution for this
Toggle Slide - bind function
Hi, I want to visualize my house (lights and raffstores) with jquery mobile to eg. switch the lights with my smartphone. To switch on/off the lights I want to use the toggle slide. But when I use this, I have to create a change function for every slider. Is it possible, to pack the slider with a function in a some kind of object? So when I add a toggle slider the change function is already included? my first slider: $(function(){ $("#light1").bind("change",function(event,ui){
popup input loosing focus on mobile when selected
Hi, I am using Galaxy S2 with ICS Android 4.0.3 . I have created a popup with jqm 1.2.0.a-1. On both Chrome and built-in browser, when the input text field is selected by touch, after a very short time (1/10 sec) it looses focus and no text can be written in it. Can any one help?
Critical bug with google chrome - Update
Update: Ok, I found the bug in the jquery mobile script in line 8021. The wrapper has no closing tag string: 1.2 jquery mobile version: this.select = this.element.wrap( "<div class='ui-select" + classes + "'>" ); Fix for the 1.2 Version: this.select = this.element.wrap( "<div class='ui-select" + classes + "'></div>" ); I'm new to jquery. What is the process to make sure this fix lands in the new version???? Hi, It seems there is an issue with google chrome and xhtml pages using the "select" element.
S.O.S. two little questions, probably for everybody easy
Hi jQuery mobile, For school I have to make a exercise using jQuery mobile, now I'm going really hard for somebody that isn't into programming at all. But I have two functions I need to use into my exercise and I can't figger it out. First about my exercise, I have to make a jQuery mobile site about food and recipes, the goal of the mobile site is that you can select a recipe and tell it how much persons you're going to make it for. After that you will see how much you need of every ingredient and
About link css online problem
sir, i want to ask. why my mobile web was not able to login, but after I disappeared right link this css., I can login. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> if you have a link to another css or I can download?? please help me sir, i have homework... thanks before
Next Page