Error Loading Page on log out
Hi, I am using ASP.NET Forms Authentication for my mobile app site. The login process works fine, but I am having a slight issue with the logout. The logout method is a server side method in a .asmx file in the project. To call it, I'm using the following code: function SignUserOut() { $.ajax({ type: "POST", url: "Services/LogOutService.asmx/LogUserOut", data: "", contentType: "application/json; charset=utf-8", dataType: "json", success: function (msg) {
showPageLoading() never works for me.
What´s the deal with $.mobile.showPageLoadingMsg()? I have never got it to work and now i am using 1.1.1 version. In order to get anything like that working i use: $('body').addClass('ui-loading'); and $('body').removeClass('ui-loading'); Then it works. Why is that? Is anyone else having problem with the showPageLoadingMsg()?
popup without history
Hello, I'm experimenting popup in 1.2.1-alpha1 and would like to completely disable history so that there is no hash change when opened and no changePage call when closed... Is it currently possible? otherwise could this be implemented for the final release? Best Regards, Stéphane.
Not able to disable text autocomplete
Hi All, - I need to disable text autocomplete in an application which I am developing for windows phone 7.5 using Cordova/Phone Gap and jQuery Mobile also. - I tried setting the autocomplete property equal to off inside html area which was not working,so I tried setting autocomplete property using Java Script and later on jQuery but to no avail. - Can anyone suggest a turnaround to me in this regards. - Thanks in advance. Regards, Nitin
Images with relative paths not showing
I have a problem with JQM not displaying images when they have a relative path. My HTML source shows <img src="path/to/image.jpg"> but if I look at the same piece of code using firebug in FireFox, I see <img src="http://mysite.com/categorypath/to/image.jpg" JQM is prefixing my image incorrectly with http://mysite.com/categoryIf I hit the browser refresh button JQM leaves the path alone and the images display correctly. Is there any way I can stop it messing with the path?
Radio buttons only enhanced in first visit, but not in all following visits
I dynamically create a dialog page, and inject two radio buttons into it. The codes works well only for the first visit. In the following visits, strangely the radio buttons are not enhanced. The codes are at http://jsfiddle.net/BScLu/. You can open, close, and re-open the dialog, to try out.
collapsible extends width of page or boundary of dialog
Straight, raw... using it as a local page within a phonegap/cordova app (cordorva 2.0.0) but the cordorva libs are not loaded on this page: Load and run this page and the collapsible extends beyond the side of the viewable area... convert it to a dialog and load it and the collapsible extends beyond the side of the dialog box. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,
Flicker issue with jqm listview. If removing one list item from the top using $('.list').remove() is followed by the listview.refresh() then the listview.refresh() api causes UI flicker.
We are using jquery mobile listview with jquery mobile scrollview plugin. Listview is used to show the data records from the server. So if the there say 20 records in the list view but it shows only 6 at a time in the list view and rest all are hidden by the scrollview plugin. User can scroll through all the records using scrolling (down\up) provided by the plugin. Once the user has reached the end of the current set (last record or 'li' element) it request the server for next 5 records. Once the
Single Page link to same page- how to do it
i have a single html5 page (NOTE:- its not a multi-page).. I load a big XML with say 100 nodes and display one node content on single page.. now when user say next, i want to load same page with 2nd node.. user click next, i call same page with 3rd node content .... I achieve this dirty way of re-submitting his html url as external link but issue is every time this page is loaded i had to re-parse 100 nodes again.. any good way to do this so i can keep my global variables as-is which are obtained
Reaction from jQuery Mobile Community on Phonegap Post?
I just read a post by "sintaxi" the Co-creator of Phonegap who basically slams jQuery Mobile.. "JQuery is enormous and has no business being on a phone. Footprint still matters in mobile and there are much better alternatives (such as Zepto or XUI) that do the job just as well. As for jQuery Mobile, despite the version number, it really is alpha software (those are the kindest words I can muster at this time). I wouldn't recommend using JQM based on the jQuery dependency alone, but even without that
radio button group with one native button
Hi All, I am just wondering if it is possible/supported to have a radio button group where only one of the buttons is native (data-role="none"). When I click one of the enhanced buttons, a JS exception happens because there is no widget on the other input. <fieldset data-input-name="radioGroup1" data-role="controlgroup" id="radioGroup1"><input data-mini="true" data-theme="a" id="item1" name="radioGroup1" type="radio" value="item1"></input><label for="item1">Item1</label><input id="item2" name="radioGroup1"
JQuery Mobile: show loading message for external link file
I have spent awhile searching for the answer to this, and I am still at a loss on how to do this. Disclaimer - I am a noob working with jQuery Mobile, but learning as I go. I have designed a mobile site that uses several separate files to provide content due to SQL queries. Main page (which itself has several different pages) has a link to one of these other files. I have setup the link code with the rel="external" code and the link works fine. However, because the new page has a relatively large
$.mobile.changePage without ajax
How we can navigate to another page using $.mobile.changePage in blackberry5 which does not support ajax
Background disappears after page load in JQuery mobile android
I have been working with Web application for tablet using JQuery Mobile. At present i am facing with the issue, when page is loaded, the back ground of the page has been disappeared. Going through it i came to know if one of JQuery framework js files(jquery.mobile-1.1.1.js) is removed it works fine,but where styles are not applied if i don't include this file into page. What shall i do now? shall i override the default theme loading functionality in that js file or any other solutions are much appreciated.
JQM 1.2: elements underneath the footer are being clicked
Hi I'm testing JQM 1.2 and I have this strange problem: If there's an element hidden underneath the footer, it's being clicked when I tap one of the footer elements so for example, if I have a long page and one of the elements, say a select, is position underneath the footer, it will be tapped and opened then I tap the footer. I've only tested this on Samsung galaxy s ii with android 2.3.3 any clues?
jQuery Mobile Fixed doesn't work in Windows Phone
I'm developing a app for Windows Phone with Cordova 2.0 and jQuery Mobile 1.2.0 Alpha 1, and the footer has a blank space between the end of the app and the end of the footer. This is code. <div data-role="page" id=Start> <div data-role="header"> <h1>Bienvenido</h1> </div> <div data-role="content"> <style> .toolbarbutton-icon .ui-btn .ui-btn-inner { padding-top: 40px !important; } .toolbarbutton-icon .ui-btn .ui-icon { width: 30px!important;
How to check radio box not in view
Hi. I am having a problem selecting a radio button in a web app. My app is a multi page setup, and the first two pages contain a single list of radio buttons. When the app loads, I want to select one of the radio buttons on each page programatically. I am able to select the radio button on the first page, but selecting radio buttons on subsequent pages cause the app to hang. Here is my code - stripped of unnecessary bits. <head> <script> $( document ).bind( "pageinit", function( event, data ){ $('#'ukLanguage').attr('checked',
Use just JQuery mobile form element wrapping
I wrote a site using JQuery, but it needs to work on Android 2.2 browsers; when I tested there, there were many issues with unresponsive form inputs and form inputs not updating. I want to switch the form inputs to JQM form inputs to see if that fixes the problems, and to take advantage of the improved look and feel. However, I don't want to use the rest of JQM - I have a lot of custom data/form handling, and I already do my own page transitions. Is there a way to use JQM form inputs without it
How to re-direct from HTML button to PayPal in Android..
Hi there! I'm quite new to Android SDK and Java, but I've used jQuery mobile to create a mobile online shop inside Dreamweaver CS6, which, using the Phonegap build, works perfectly on iOS phone. However, I have added a PayPal button using HTML code to each "product page" of index.html, and I have now "wrapped" the index.html inside Java, and run it OK on the AVD emulator on Android SDK inside Eclipse. (So far so good..!). What I want to know is how to create a re-direct to a separate piece of Java
Jquery Mobile - Embedding in a browser page
Hello, I wanted to know whether it is possible to embed a Jquery mobile page in a Desktop browser. I want to show a preview of the Jquery page, inside the browser (on the right side), whereas the left hand side would have some controls like the "Header Title" , Footer Title Entry box etc, Navbar color etc. Something like a App ciustomization page. Please can someone let me know if it is possible to embed (and render) a Jquery mobile page in another page ? Thank you. Cheers, Simith
PhoneGap - Android- Jquery combo doesnt work
I created a simple jquerymobile based html5 app.. works great in browser. but when i package with suggested phonegap, it stop working.. App is simple- container html- has a form.. when i submit form, i call javascript before calling same page.. problem is this phoengap cardova add incorrect url which has rendering issue.. its clear from logs below (file:///android_asset/www/Beginner.html?req=0&path=Java) WORKED User selected few form var & invoked loadUrl(file:///android_asset/www/Beginner.html?req=1&path=Java)
How do I use the ThemeRoller correct?
I have made a theme, that I would like to use: http://jquerymobile.com/themeroller/?ver=1.1.1&style_id=20120901-45 My problem is that when I use it as prescribed some of colours, font etc. are not as expected. My site doesn't look nearly like the one I'm shown, when I'm creating the theme. I can get it working but only with some additional styles, but should it not just work out of the box? Here is with 'custom css' that is working (almost) as intended: http://gosushi.dk/Mobile/default.aspx#Menu
Matching width of "text" and "select" inputs?
Hi, For some reason, the SELECT boxes are set at 100% width (in their respective block), yet the TEXT ones are a lot smaller. Is there anything I can do to make them match up width wise? It just makes the form look messy how it is now :( Here is an example of what I'm using: <div data-role="fieldcontain"> <label for="RealName">Real Name:</label> <input type="text" name="RealName" id="RealName" value="REAL_NAME" placeholder="Your Real Name"/>
Only the first attempt to dynamically create a dialog works, and all the following attempts just repeat the result
I have a function which always works fine to dynamically create a page. However, it becomes problematic, if I add data-rel="dialog" to the target URL. The symptom is that I can successfully generate the dynamic dialog for the first time, and my following attempts to generate a different dialog cannot work any more and would repeat to display the first-time dialog. In investigation, I found the $page.children(":jqmData(role=content)") returns null starting the second time. Does anyone knows why and
Background colour of textfield in ThemeRoller is not of correct colour?
I have made the theme that are attached to this post. If you take a closer look you can see that the background colour of textfield (Text Input) and slider (55) are gray. Should they not be white as all the other forms elements? Kindly regards Ruffio
.trigger('create') cannot create a listview
Here are the codes I have to dynamically create and enhance a page. The similar pattern has been working for many other kinds, such as text field, button, grid-view, etc. But I found it cannot work with a listview. $(document).bind("pagebeforechange", function route(e, data) { ... $content = $page.children(":jqmData(role=content)"); var markup = '<ul id="calendarList" data-role="listview"><li>HELLO</li></ul>'; $content.html(markup); $page.trigger('create');
trapping back button breaks button on other pages
Hi All! I want to trap the back button on my index.html page so that users will know when they're exiting the app vs sending the app to the background. I have code that works by trapping the back button, checks the page and if it's the index page, prompts to exit and cancels the exit if necessary. The problem is, when I navigate to another page the back button no longer works at all. At this point in the development, this is a multiple page model so each page is in its own seperate file and
Problem With Menu if ' is in the menu url.
I have an issue where links (href:// has an ' in it) everything locks up.. for example <li><a href="/PA/Pittsburgh_The_Widget's_Company-2542/Latest_News.html" >Press</a></li> in the actual URL it has a ' in it and nothing happens. This is nothing I can change because it is based on the business name. Any suggestions on how to handle this? Thanks Craig
janrain integration in JqueryMobile framework
Hi, How to use janrain social sign-in widget to my website? Please help me in this. Thanks.
Open href on the same page
I'm creating pages dynamically through jQuery in listview from xml. Some page have links of a docs or images in it , when I click on the link it opens up in separate window. But I want to open it with the same page so I can go back main page or stay in that page. Any suggestions. Thank you in advance............
Button icons not working in IE version prior to 1`0
I have found button icons appear as grey circles in IE 7,8,9. OK in 10. Have same issue in my app and the jQuery Mobile help pages on buttons I'm using latest release version
Jquerymobile Wordpress Theme - Paid Work
Hey, I saw a jquerymobile splitview plugin: http://asyraf9.github.com/jquery-mobile/#aboutus I really like how the navigation is on the left and content on the right. I want to implement this into a wordpress framework/theme. Let me know if this is possible and how much? payment will be paid via paypal. thanks,
Facebook Like and Tweet Buttons
What's the best way to add Facebook like button, Facebook comments and Tweet button to a jQuery mobile site? I tried many different options but in all of them, plugins work perfectly when you access page directly, but they are broken if the page is called from another one by ajax. I tried recreating them after pageinit or after pageshow, but it didn't work.
Need Jquery Mobile pro - Pay job
I need to hire someone for a quick job. Doesn't involve any server side coding. I just need to get this template done asap. Includes: Google map Streeet view some html5 audio Image gallery iphone detection which produces different function You must own an iphone and android device for testing. Thank you, Please leave me a private message.
data-autodividers help
I'm using 1.2.0 and am not able to get the autodividers to group my data correctly. Instead of alpha dividers for all A, B, C, etc., each item in my listview has a divider. My code for displaying dynamic data in last name, first name order: <tr id="row<%=(i+1)%>" > <ul data-role="listview" data-inset="true" data-autodividers="true"> <li><a href="/members/mobile-member.asp?member=<%=aMembers(0,i)%>"><%=aMembers(2,i)%>, <%=aMembers(1,i)%></a></li><!-- last name, fist name -->
Footer "data-id" issue (Fixed & Persistent footers)
Footer "data-id" issue (Fixed & Persistent footers) Hi, i just ran into something strange!? Making the footer persistent between transitions works great, except that every time i switch back and forth between pages i get a "0" zero written to the page content. Here is the code... page 1 (zzz1.html) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" /> <title>Mobile index</title> <link href="jquery.mobile.theme-1.1.1.min.css"
preventing multiple events with .off().on() vs .one
Since jQuery mobile keeps pages in the dom and I have found that my click events were getting attached multiple times. So I started putting .off before each .on so that I would make sure that each was only called once. However I wonder if using .one is better? For example which is better? $(document).off('click', '#barcodescanner').on('click', '#barcodescanner', function() { or $(document).one('click', '#barcodescanner', function() { I personally like .one because it looks cleaner. Any thoughts?
IE7 throwing "stop slow script running" error with all versions of JQM
We stripped out all functions running on mobleInit and page init, removed all extensions, so we only had jQuery and JQM loaded. When transitioning from one page to another on form post, we see the "stop slow script running" JavaScript alert thrown by IE7 on desktop. On a device (Windows phone with IE7, iPhone 3G Safari, ) the page hangs and doesn't transition. The ui-loader is displayed, (but the animated GIF is stopped) I see that the results page is passed to the browser (via Fiddler) but not displayed.
Setting the theme of a checkbox on page load?
Looking at the documentation it states that you can set the theme of a checkbox using; $("input[type='checkbox']").checkboxradio({ theme: "a" }); However when I try and run this code inside the document.ready function it doesn't set the theme? I can set a buttons theme using; $('a').buttonMarkup({ theme: "a" }); Does anyone have any idea what I'm doing wrong? Thanks. P.S. I've tried adding thsi as well which didn't help $("input[type='checkbox']").checkboxradio('refresh');
Disable all jQuery Mobile except for specific events
I'm developing a WP Touch theme and need to add some specific touch events which are not available. I've used jQM in the past for this same event but the site was pure jQM so there were no conflicting scripts. In this instance, when I enable jQM all kinds of conflicts are created, like this error when I click the home link in my header: Uncaught SyntaxError: Unexpected end of input. So I'm wondering if there is away to enable jQM only for this specific touch event? Or is there is any best practices
Next Page