how programmatically set button pressed state
I have some buttons on my JQM website that have regular anchors to them. When I have pressed one it turns green (that's the pressed state I suppose), which is good, then the next page loads and shows. Now when I make such a button without an anchor it doesn't turn green when pressed anymore :(. I bind events to those buttons to make a back button and a to top button. The user doesn't get any feedback when they touch them. Is there a way to force such a button into its (un)pressed state? (empty anchors
PHP file for submitting jQuery Mobile form
Hello, I made a jQuery Mobile page with a simple form; Just Name, message and a submit button. This is my code: <form action="sent.php" data-ajax="true"> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-mini="true"> <label for="textinput5"> Name: </label> <input id="textinput5" placeholder="" value="" type="text" />
Performance issue with JqueryMobile and PhoneGap
I build a app using PhoneGap and JqueryMobile containing several html and js pages. And in all the Html pages I have included the JqueryMobile js files in the Script tag. eg: <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> Clicking on any button to change the page always takes around 5-10 seconds to react both on iPhone and on Android phones. Navigation from one screen to another taking
Calculate distance of swipe event?
I am trying to determine how far a use has swiped. For example. If the user swipes a little I want to close a "drawer" enough to see part of what's behind it. If the user swipes more than half the screen I want to close it completely. I don't see any obvious way to tell how far the swipe has traveled. However, I was able to modify the code enough to add this additional data. In the definition of $.event.special.swipe there is a handler for the touchStopEvent. In that method I changed this: start.origin.trigger(
Title tag not displaying on iPad2
Since upgrading our web app to JQM 1.1.1 the Title tag is not being displayed in the web browser tab on iPad2. It is blank when the first page loads, and remains blank when navigating to new pages. It works fine on desktop browsers and even on the newer iPad3.
Dealing with TypeError: parentPage[0] is undefined on listview()
How are people with the "TypeError: parentPage[0] is undefined" error with listview() on dynamically created elements? I notice the bug report was helpfully closed without resolution. V
jquery mobile app losses formatting when loaded to Android
I have created a simple test application in Dreamweaver 5.5 with a template (PhoneGap), it works with the Live Code button in Dreamweaver and it works within a standard computer browser, but it losses all its formatting when I load it to the mobile device. It displays as 1 long page, with no formatting, help. What am I missing. Here is the code. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
Subpages Plug-in and Internal Navigation
I can work around it, but I'm wondering if anyone could provide technical explanation of why this is happening. It helps if you're familiar with the subpage plug-in. The main screen is an interactive listview of shows my client is planning to attend. Tapping a show loads in a multipage document via the subpage plug-in which adds them all to the internal dom. The newly loaded pages use the #hash navigation to switch between themselves. The problem is that as soon as you navigate from the first page
changePage on Android causes changes resolution
Hi I'm creating a web app and we're trying to take advantage of the higher resolutions on some of the newer devices. So on the iPhone4 and other devices that have a pixel ratio greater than 1, we've created a new set of images and by using a combination of <meta name="viewport" content="width=device-width,user-scalable=no"> and the media query @media screen and (-webkit-min-device-pixel-ratio:1.1) and (-webkit-max-device-pixel-ratio:2) we've been able to get it to render great on the first load.
Slider Disabling
Slider disabling is not working in IE9 and IE10. It works in Chrome and Mozilla. In chrome and mozilla below statement works once and then it disables. $('.selector').slider('disable'); but in chrome and mozilla below statement disables on page load. $('#qty').slider({ disabled: "true" }); Both the method placed in document ready $(document).ready(function () { $('.selector').slider('disable'); $('.selector').slider({ disabled: "true" }); }); I believe both the above statement
Problem with Back Buttonwith Chrome and Facebook
So I'm creating this sample application using JQuery Mobile on Facebook. The problem I am running into is with the back button on chrome. http://www.facebook.com/pages/ProdigyView/214942945205059?sk=app_397015110360498 Using firefox or safari, I can use the back button and go the 'page' I was previously on after clicking a link. Using Chrome, when I click the back button, it A) First Click doesn't go anywhere B) Second click takes you back to the page you were on, if you came from another site Doing
Kiosk Mode for Webapp on Android
Hi, I'm searching for a Kiosk Mode Solution for our Webapp (JQueryMobile/Javascript/Appcache). The Handheld should be locked as much as possible. Until now we used an native Android Webview but as I posted a few days ago, after a long time of inactivity the webapp inside the Webview stops responding. So I'm searching for a different solution. We are using Samsung Galaxy Wifi 4.0 (Firmware 2.3.6) Thank you for every reply.
Problem with HTTPS and href
Hi, The problem I am having is that a href with an relative path is not being invoked properly when page is loaded via https: https://xxx.xxx.com/ Link in page: <a href="/wallet/deal_buy/1/" data-role="button" data-theme="f" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-hover-f ui-btn-down-f"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">My Text </span></span></a> The backend does a redirect (authentication) check during the process to a relative path: /account/signup/?next=/wallet/deal_buy/1/
what happens with URL when going home>page2>back in non-pushstate enabled settings?
Just a quick question: I have deactivated JQMs pushstate handling (cleaning up URLs after transition) in order to see how the URL changes during navigation. Is ist so, that when I go from www.some.com/folder/index.html to www.some.com/folder/index.html#/folder/page2.html and back, that my URL will change to: www.some.com/folder/index.html#/folder/index.html instead of the original URL? I have tweaked JQMs navigation quite a bit for a plugin I'm working on and just want to make sure the non-pushstate
Redirect from main site makes site small
I hope you can help. I'm setting up a basic redirect using the code below. $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"); $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"); if ($iphone || $android || $palmpre || $ipod || $berry == true){ header('location: http://www.ignitiondrivingschool.mobi'); exit(); }
Passing CGI Params in 1.2?
I'm diving into JQM and plan on playing with 1.2 since I wouldn't be going to production for many months. Does 1.2 honor old-school CGI params in plain HREFs or interactive lists? If not, will the router plug-in do the trick? And since I'm here, is it compatible with the subpages plug-in? Thanks! V
Help with pages
Hello I have two pages, the first is multipage, and have a menu to two pages more extremos .html, and consejos.html,My problem is that one of these is called extremos.html html, when I using geolocation does not display the map, and when I running it as a single page this draw the map without problems, checking with the developer tools I note that clicking the link and open this page does not delete the data that functions as the index page, like javascripts,images,etc. and that is the reason because
Multipage document: pagebeforechange event is posted twice
In a multipage document, the event "pagebeforechange" is posted twice. The first time, the toPage parameter is undefined, while it is present the second time. The attachment illustrates the behavior (it is a HTML file). Found in jqm 1.1.1 Michael
1.1.1 Same page transition bug?
I was trying to implement same page transition with 1.1.1, using: $.mobile.changePage( $.mobile.activePage, { "allowSamePageTransition": true,"fromPage":$.mobile.activePage } ); however, after the transition the page turned blank (white). With a bit of debugging I found line 2297: if( $from){ cleanFrom(); } which of course cleans $to in this case as well. changed to: if( $from && ($from!==$to) ){ cleanFrom(); } and this seems to fix it.
Trying to disable select menus if search box used
Heres the mark up of the search box and a portion of a select menu: <input name="searchKeyword" id="searchKeyword" type="search" placeholder=" Keyword(s)" data-theme="a" /> ..... <select name="searchDay" id="searchDay" data-theme="a" data-mini="true"> <option value="0">Day</option> <option value="1">Sunday</option>And my script which is not doing a thing is: $("#searchKeyword").blur(function() { $('select').attr('disable'); });I've tried
Why doesn't a JQM <input type="text"/> that is already populated get updated?
No I don't have code. It would take too long to rip it out and get it to reproduce the error. But this is what happens. 1. textbox on page 2. navigate to dialog 3. select value on dialog 4. return to page with textbox - textbox is populated with value from dialog 5. do this again - this time the text box does not appear to change however, if you open up the web inspector and remove jqm's clases the value is there. anyone experienced with jqm is familiar with these hijinks. does anyone know what
setting Jquery Mobile data-collapsed attribute at runtime
I'm trying to use the collapsible div in jquerymobile. I want to make the div collapsed when there are more than one row in the dataset, and not-collapsed when there is only one row. I'm trying to set the data-collapsed attribute on the div (id=collapser) using jQuery on a C# Razor page, but the attribute is not getting set. <div data-role="collapsible-set" data-theme="" data-content-theme=""> @{ if (Model.Count() > 1) {
Icons in Buttons for JQuery Mobile Not Working
Hi ALL, Was hoping someone could help me with this? For some reason the little icons in my buttons are not showing. Instead I get a blue circle in their place. Anyone have any idea why this is happening? See attached screenshot Thanks,
Confirmed PhoneGap jQuery Mobile BlackBerry Bug
Hello, I have a bug that needs fixing. A PhoneGap team member has reproduced my problem, and there's definitely a bug when using PhoneGap and jQuery Mobile on a BlackBerry. This is the issue: "touch end" events are not firing when a user moves his/her finger in a vertical direction. It's only with vertical finger drags (horizontal OK) on BlackBerry when using jQuery Mobile and the app is wrapped in PhoneGap. I have a small sample app that clearly shows the issue: an app that allows a user to move
Detecting div load
I am using the query mobile multipage template like the code below. I am trying to populate page two with content once it loads. What event should I use to do this? I would like it attached when it loads the second page. I currently have the populate functions attached to the link on page 1. I have tried focus but it doesnt seem to have the effect I want. <div data-role="page" id="one"> <div data-role="content" > <h3>Show internal pages:</h3> <p><a href="#two" data-role="button">Show page
How to convert jquery mobile slider to look like progress bar?
Hi All, I want to convert the jquery mobile slider to look like jquery ui progress bar.I am using latest version of jquery and jquery mobile. Can please any one help me in achieving the same.
jqm 1.1.1 + phonegap / input type text don't work
Hi, Simple code ipad or virtual device: the focus is ok, the virtual keyboard is ok, but it don't work..?! same issue here (android): http://stackoverflow.com/questions/11363411/jquery-mobile-form-input-text-on-android <div class="contener"> <label for="basic">Texte :</label> <input type="text" name="texte" id="texte1" value="" /> <label for="basic">Texte :</label> <input data-mini="true" type="text" name="texte2" id="texte2" value="" /> <label for="basic">Numéro :</label> <input data-mini="true" type="number" name="texte3" id="numLibre" value="" />
Status of autogrow text area?
Hi, jQuery 1.0 has a bug with text area autogrow, it will grow bigger but not smaller. Has this behavior been fixed in 1.1? Thanks!
Contact form almost working
Ok, so I have my first page ready where I do a calculation which is fine. From this page you're supposed to move on to my second page, where I have a contact form. This form sends an email to me. This works fine. BUT when the user clicks Submit I get an 'Error loading page' (or in firefox a white page with the text 'Undefined'.) I have been told, that the Undefined-message is shown because the page I'm linking to is not a valid jqm-page. I WOULD LIKE the contact form to respond me a message - 'Thank
Excellent new opportunity for developers to monetize more with their Apps.
Well I don't know if anybody knows it or not but Nokia has announced that they have partnered with Vodafone India and Airtel and Reliance to offer integrated billing solutions on the Nokia Store in India. This would let users download apps from the Nokia Store and pay for their downloads as part of their monthly mobile phone bills or have the amount deducted from the pre-paid balance. This would surely increase the earning potential of the paid apps that developers submit. Go To: Earn more with
Background button is clicked automatically
Hi I've packaged my JQM App using phoneGap (android & ios). It works fine, but shows an issue like a background click/tap event is occurring is some cases. ie If I clicked on a button in popup window the click is propagated to background button. How can I prevent that? Currently i've set an overlay behind the popup and set some delay for the overlay to remove(i dont think it's a good method), but bottom tab bar is showing same issue since overlay cannot be place here.
Random pages (multi-page)
I´m very newbie in jquery and mobile app. I trying to create a offline app for android. Part of this project I would like to use Jquery Mobile. My project have a menu with 05 buttons that when I click generates a random link to 10 pages (no multi-page) per button. Each page has 50 divs (multi-page jquery mbile) which are also shown randomly when the main page is loaded. Important: I need that all works in offline mode. Could anyone help me?
How to navigate to page outside the domain by code?
In a jquery mobile app I build a full http url in code to an external site (eg. wikipedia) and want to navigate there. I have tried : window.open(url); window.navigate(url); $.mobile.changePage(url); $.mobile.loadPage(url); But none of these work on my ipod touch in Safari (some work in a browser on the PC). I want the page just to go to the url, not load it into the jquery mobile page's DOM, exactly as if an external link was clicked on the page, either in the same window (so the
Input box graying out issue for BB6 when using JQM 1.1.1
Hi, I have an application on JQM 1.0 which I have recently migrated to JQM 1.1.1 . However, I am getting an issue for BlackBerry 6 where the input box or any control with focus is getting grayed out. Is anyone else getting this issue? One fix I could come up with was to modify the jQueryMobile.js file to remove the events where the activeClass (.ui-focus) was being added to the controls. I was hoping someone could suggest a better way to do this? Thanks, Vineeth
How to disable ajax in Opera Mobile?
Hello, I am linking in my jQuery mobile website using data-ajax="false" to avoid ajax behavior. It works fine in Android native browser, however, I have found out ajax is still used when using Opera Mobile. Here is link to my website: http://m.geocheckpointing.com/new/ . Any ideas why Opera Mobile uses the ajax and how to avoid this behavior? Thanks
scrollable tabbar
I want to create a tab bar in jquery mobile for my application's home page but most important thing is that it should scroll if the content goes beyond the width of page So please help if you give any suggestion regarding this. Thanks
At datebox plugin are there something like the beforeShowDay Event of jQuery UI DatePicker
Hi I would like to open a datebox, with some highlight days in different colors. Using jQuery-UI datepicker this is possible using the beforeShowDay event. Are there at Datebox something like this? Regards
Jumping 2 pages back...why?
I have 3 pages. From page 1 (starpage) i can tap and go to page 2. And from page 2 i can tap and go to page 3. If i use the Android back button (from page 3) i go back to page 2. And if i tap to go to page 3 and then use the Android Back button. I jump back to the startpage....why? index.html is "startpage" my code looks like this: $( '#page2' ).on( 'pagebeforeshow',function(event) { $("#settings2").on('tap',function() { $.mobile.changePage('page3.html'); return false;
may be BUG: data-icon not showing in HEADER Bar
Hello, I wrote a small sample code that shows a dropdown menu in the Header bar. It is working fine except its NOT showing the 'data-icon'. http://98.130.200.34/ayan/mobile/proto/app-menu.html Please have a look, the right-button. NOTE : I have used - data-icon="arrow-d" data-iconpos="notext" Regards
Bind a click value to a dynamically generated list.
Hi, I am using a dynamic list with the code below to populate the <daytime> list. What I would like to know is how I can bind a click value to the dynamicaly generated list items? Thanks in advance, Lammie. $('#listDetail').attr("data-theme", "a").removeClass("ui-btn-up-b").addClass("ui-btn-up-a"); var size = this.text; var jdetail = $("#daytime"); jdetail.html("<li data-role='list-divider' data-theme='c'>Available Riders</li> "); for($n=1;$n<(team[lt].length);$n++){
Next Page