Submit form to specific method
Hi all, I'm currently working on a page including jquery mobile, and it try to submit a form. I work with struts 2.0, and my submit button is like that : <input type="submit" id="_registerDelivery" name="method:registerDelivery" value="Ajouter" data-role="none" form="edit-delivery-form"> The name attribute allow my form to be submitted to a specific method of my coreesponding struts java class action(registerDelivery) Whithout jquery mobile all worked fine, but when I add the jquery mobile library,
How to implement a sidebar panel llke to swype slow like a facebook app.
Hello everybody, i wanted to know if someone already used the widget "Panel" from jQuery Mobile to swype slow like it works in the facebook app. I seen the api for this widget and try to use the events to build sometinhg to do it works, but yet not to do this. My idea is to do the main content sliding for the side when user push with the finger, minimizing the panel and maximizing the main content, exactly like facebook app does. Thanks!
Crazy scroll in big form with android 2.x
I'm using JQM 1.3.2. And in a big form with a lot of input text when I write in a input the scroll send to the bottom of the form. with android 4.x no problem happens...
can not calling popup when listview content show with ajax
night all... I have a problem when loading content using ajax to the "home". in the "home" I call listview content with ajax from "show.php" listview appears content ... but link to call popup when clicked on the "home", popup does not appear ... how to fix it. This script home <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" /> <script src="js-script/jquery-1.9.1.min.js"></script> <script src="js-script/jquery.mobile-1.3.0.min.js"></script> </head> <body>
Use of attrFn in JQuery Mobile
The latest stable version of JQueryMobile (1.3.2) still uses "attrFn" // jQuery < 1.8 if ( $.attrFn ) { $.attrFn[ event_name ] = true; } Also, document with warning messages from jquery-migrate ( https://github.com/jquery/jquery-migrate/blob/master/warnings.md ) needs to be edited: Solution: Ensure that you are using the latest version of jQuery UI (1.8.21 or later) and jQuery Mobile (1.2.1 or later); they no longer use jQuery.attrFn. This simply isn't true :) P.S. I'm sorry if this is not the
submit the list data
i included list view in my application using jquery mobile but i want to use the list as select box how can i use it as select box and select the item from it and submit it
New Dev Tool Based on jQuery
I would like to introduce to you all a new HTML5 dev tool based on jQuery "DaVinci Studio". You can download it for free at DaVinci Lab's homepage: www.davincisdk.com Here are some of DaVinci Studio (taken from the website): - Has a powerful project manager and code editor developed as an Eclipse plug-in. - Use the emulator to simulate multiscreen environments and the build server to easily create hybrid applications. - Includes a tool chain of everything you will need for web application development:
Optimization of a web sprite animation for mobile devices.
i have made a web page with some sprite animation in it. this animation is based on the sequence images, so i used 100 .jpg images to make my object turns around. you can see it here http://www.akkromedia.com/Temp/360degre/originalweare/weare.php the plugin i used to make this effect is threesixty.js any suggetion how could i optimize this king of animation for the mobile devices.
passing a variable to ajax when a specific button is clicked.
Hi, I have a PHP script that populates a split list of locations on a jQuery Mobile page. When you click on any location in the list, I want it to take you to a new page that displays the address and contact information. Everything is working except I can't figure out a way to get Javascript to recognize the specific button in the list that was clicked in order to have the ajax-loaded PHP file display the proper result. I tried creating a form with each button and a hidden input called "lid" (tried
Problem with Ajax form submit
I have this mobile page I'm working on, and I can't seem to get the ajax call to work properly. Whenever I click the submit button, it reloads the page, with all the data submitted in the url, as in a get method. However, this data should be submitted via post, and it's only "posting" data back to this page, instead of the "users.php" page like it should be. My guess would be is that the "submit" function for this is somehow incorrectly implemented, but I'm at a bit of a loss as to what I've done
Disabling zoom on fullscreen fixed toolbars
Hi, Is there a way to disable zoom on fullscreen fixed toolbars, so that only the content in between header and footer will zoom when the user zooms? Have started a test case here: http://jsbin.com/otujez/2/edit Thanks!
Opening jQuery Mobile page inside another jQuery Mobile page
Hi, Is there a way to open a jQuery Mobile page inside another jQuery Mobile page? http://jsbin.com/olohiy/2/edit This is for desktop users of my jQuery Mobile app, where certain pages do not need to load in whole new pages. Thanks.
JQM 1.3.1: Why loading works only in some browsers?
Hi, With JQM 1.3.1, l use loading('show') in this way: $(document).bind("mobileinit", function(){ $(document).ajaxSend(function() { $.mobile.loading('show'); }); $(document).ajaxComplete(function() { $.mobile.loading('hide'); }); $(document).ajaxStart(function() { $.mobile.loading('show'); }); $(document).ajaxStop(function() { $.mobile.loading('hide'); }); }); It works only in some
How to clear a selection of a dropdown list when data-native-menu="false"
When setting data-native-menu="false", dropdown list looks cool. But there is no way to clear a select. Even if I click the title of popup. Is there a workaround or anything I don't know about?
a mobile app which features a well planned tutorial mode
I am finishing a jqm app which is fairly complicated in operation for a new user. The app requires a tutorial mode with illustriation of how the app is to be used. Can you think of an app which does this well? I am looking for inspiration.
does not remain on same page by device orientation change
I have a jquery mobile app integrated with phonegap to deploy on android devices, with following markup in index.html file : <head>
<meta charset="utf-8">
<title>jQuery Mobile 1.3.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" />
<link rel="stylesheet" href="app.css"/>
<script src="js/cordova.js"></script>
<script type="text/javascript" src="js/cordova-plugins.js"></script>
<script
jQuery Mobile makes page jump 1 pixel on load
I'm currently building a responsive website based on the jQuery Mobile framework (version 1.3.2). Everything I need seems to work properly (panel menus, fixed header, AJAX page loading), except for one little thing that's driving me completely nuts: jQuery Mobile makes the page jump 1 pixel on every load. It does not happen in Mobile Safari, but in Chrome and Safari on the desktop. I did some research online and I found out that $.mobile.defaultHomeScroll = 0; solves the 1 pixel problem in Chrome
Bookmark to Home Page on Android always opens new tab
I wrote a webapp using JQM and it works well under iPhone and Andriod. I am having a little issue when using Chrome on the Android phone. When I bookmark to homepage the webapp, open the app, and wonder and show move though the app pages, if I switch to the Android home page and click on the Webapp icon again it opens back on Chrome but in a new tab. I think this is related to the #page part of the URL wihc JQM uses, which make Chrome think the webapp is not currently loaded. Does any one have
Javascript Problem after Submit
hi, im using jquery mobile + ruby on rails 3. after a submit and redirect back, the javascript is not really working. for example: i have some checkboxes, if one checkbox is checked, the others should be disabled. <script type="text/javascript"> alert("FIRST ALERT"); $('#checkbox-evaluierung-einmal').change(function(){ alert("SECOND ALERT"); if (this.checked) { $('#checkbox-montag').prop('disabled', true, this.checked);
Nested lists not properly themed
I use the latest js and CSS published on this site and I ran into a problem since one of the last releases, probably when upgraded from 1.2.x to 1.3.x. I did not bother do revert it. When I define a data-theme="a" in listview ul then the header in the submenus are not formatted! Investigation in the code as used after rendering I found these extra pages on the bottom of the html as generated by jQuery-Mobile. Although the original <li> is formatted with data-theme="a" these extra pages with submenus
jQuery Mobile and iOS 7 Look & Feel
The style transition guide is posted, and it changes quite a bit. Is there a person or group working on a jQuery Mobile Theme to match the iOS 7 look/feel? From what I've seen, it has a number of changes in buttons and icons, but not a complete upheaval of everything. Full new set of default icons UIFont.preferredFontForTextStyle to drive dynamic font sizing (Dynamic Type) - may be hard to get access to this property without a Cordova-style hook. Blurred under-window transparencies may be hard with
jquery mobile grids 's bug ??
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head>
page navigation with query string for multiple pages
Hi, I am working with a project with jquery mobile. I am facing a problem with page navigation with query string with multiple pages. can anybody suggest me how to use jQuey mobile for a swipe pages. and one more thing is that can we you our own css in this application. thanks in advance
Reload page from listview in popup
Hi, I want to Reload the same page after user clicks a choice in a popup menu, which is implemented as a listview inside a popup. I got it to work with jqm 1.2.0 by chopping off the # portion of the url and use that as argument to changePage method. However, with 1.3.1, the selection has to be made twice for the reload to happen. The following simplified code illustrates this situation. The page reload and slide work fine if 1.2.0 is used. In HTML below, the green timestamp is updated by server based
SWIPE Touch IPhone to next Site
Hello, Is it Possibel that if the user swipe right he comes to google just as an example and if he swipes to the left he comes to Facebook is this possibel ? If it is please let me know how it works ? With Best regards Philipp Götz
How to contribute to the jQuery Mobile Project?
hello, is there a step by step example on how to contribute to the jQuery Mobile Project? starting from getting the source from github, installing the necessary dependencies, and compiling the code / testing? I am really interested in writing some code but setting up the starting point is a pain.
jquery mobile and IE 9
I have published a few jquery mobile pages to our web server and opened the pages using IE 9, but the pages do no look the same as when I launch them from my local server, filefox, or safari...how can I change make the pages on the web server running IE 9 look correct. From Local server From web server using IE9
Flipswitch
Hi, I am struggling to get to grips with jquery and have used a web page to design a web page for a home project i am doing. i have chosen flipswitch's for my page the idea is if i set it to on or off on the flip switch it will get a url but not return the requested page. i have the following code for one of the switch's The idea is when i flip the switch to on it calls allon.php and when i flip it to off it calls alloff.php I've scoured the net for ages trying to find other examples but can not
Jquery mobile dynamic fields not applying styles?
Hi i have creates a html page that creates dynamic fields and when i add them to the listview, it doesnt apply the jquery mobile themes. here is my javascript: //Dynamically load data fields for items $(document).on('pagebeforeshow', '#claimPagefields', function(){ //trigger a create event $('#claimPagefield').trigger('create'); loadFields(); }); Here is my HTML page <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,
JQM 1.3.1 click event slow - performance tips?
Hi, A noticed that click event is very slow on iPad2 so I was searching if it's possible to get is faster. I found some threds on stackoverflow.com where they mension touchstart. I started implementing it on opening a panel and result was pretty stunning. 2x faster.. Now I'am opening a panel using this code: $(document).on('click touchstart', '.button_open_menu', function(e){ e.preventDefault(); $( "#mypanel" ).panel( "open" ); }); }); Any more performance tips? Thanks.
Jquery mobile is not rendering in IOS 6.1.3
Hi, I commenced using jquery mobile recently and have some problems with jquery versions and browser compatibility. When using release 1.3.1 with the following <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> scripts works fine on chrome and IE but when using iphone/ipad on old or new IOS, it
wp7 ie9 page rendering
Hi, I have a standard page consisting of a header, footer and content. When displaying the page on a wp7 simulator everything works fine. When displaying the page om a real wp7 (one of the first ones, it utilizes ie9), first the header and footer are displayed, then the content, and finally the content gets repositioned, in total producing a highly unwanted flickering experience. I know that ie9 does not support position:fixed for the header and footer, but is there any way around this ??? Ihave
auto hide a column when another column is selected in column toggle
Can anyone tell me how do i set the column toggle table in such a way that when i select an option in the column button it displaces a column which had been displayed. Or in simpler terms for instance if i have 10 columns (3 of which are fixed and 1 has a higher priority) so when i click in any new column in the column toggle it replaces the the one with the higher priority and when i click another column - the non fixed column gets displaced.
Radio Button Set: more than one Radio Button can be selected at once
Would you be kind enough to have a look at this excerpt from my code , please? I'm trying to write a simple calculator (to calculate the pain suffered by Dementia patients) You will see that I'm using radio buttons - because medically, only one value per realm (of pain) is allowable. And that's why I'm using Radio 'Buttons' I've followed the guidance here as carefully as I can. I've tried looking for similar issues on this forum. What have I missed?
i want to show total price after adding quantity to next page after clicking confirm order button
username.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.mobile-1.2.0.min.js"></script>
How to prevent jQuery Mobile Panel from disappearing behind Youtube embed in IE9
I am working with jQuery Mobile V 1.3.1 and the Youtube iFrame Embed using the asynchronous loading. The issue is in my app I have a slide panel that is hiding behind the Youtube embed in IE9. It works fine in several other browsers I have tried. You can see it here: http://projects.kleelof.com/ytkids/ The panel is set to data-display="overlay". The only real thing I could think of was to set the z-index of the panel to some really high number like 10000, but no luck. I did notice that in other browsers,
CSS issue when using JQuery Mobile + Backbone.js
Hi guys, I would like to override some JQM classes such as .ui-header and some others. So I have index.html file where I load css in this order. <!DOCTYPE html> <html > <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"><!--user-scalable=no --> <link href="Content/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" /> <link href="Content/myCustom.css" rel="stylesheet" type="text/css" /> <!-- Here are script references
[SOLVED] Problem with JQuery Dynamic Header
Hi. I've been racking my head with this for too long now, and was wondering if someone could point out my mistakes. Basically, I have two pages that are identical except for a string in the content. There is a header, that I want to dynamically display the page title. For the first one, it should say "Overview" on the header bar when it loads, and the second page should say "Accounts" when it loads. What happens, is that the page that get's loaded first will display the header correctly, the
How to keep sliding panel open on tablets
Hello, I have a problem with a panel. I want to keep it open when a user uses tablet that has width 560px or wider, so it acts like a nav menu.. I used the "pagebeforeshow" event to manually open the panel every time the page transition is triggered. I also used the "responsive panel" media css markup provided in panel api documentation to add the 17em "right margin" to content and header in order to use them together with the opened panel.. But the problem is that if I open the panel on "pagebeforeshow"
jQuery mobile ajax deep linking problem ( in phnoegap )
I'm new to jqm not sure whether this is a deep linking problem, but I think so. I have 6 htmls, login.html | | html ( folder ) | |-------------------order.html , some anchors linke to some data-role="page" sections in this page | |-------------------financing.html , a data-role="page" section in this page. | |-------------------statistics.html , some anchors linke to some data-role="page" sections in this page | |-------------------finance.html , some
Next Page