Swedes do their taxes using jQueryMobile
Hi, I've been part of this project as a consultant for many years bringing web, SMS and various new features to the webapp each year. This year one of the new features is a smartphone client built using jQueryMobile wrapped in a native iOS-app / Android-app. You will not be able to try it out as you need personal credentials only available to Swedes. However, a bunch of screenshots are available in Appstore and Android Markets. The app has been in the top spot of the swedish AppStore last week however,
How do i stop mobile safari from dropping down its URL/Loading bar whenever i submit an ajax request?
Hi Newbie here. I'm using the following code to send some data to a server whenever I click a particular button using jquery mobile. $('#btnDoorClose').click(function(evt) { evt.preventDefault(); $.ajax({type: "POST", url: "remote.php", data: "trigger Door:Close"}); }); But whenever I press it on an iphone, the url bar drops down for a second and then goes away. How do I stop the URL bar from coming down at all? All the information about "loading" or "busy indicators" online seem to be about creating
Tabs in jQuery Mobile
Are there some widgets such tabs in jQuery Mobile? I 've seen tabs in Dojo Mobile.
home button // back button
hi there, i have problems to understand with the nav buttons. if i navigate my site and hit the backbutton, the site returns to the last visit page and jump(like anchor)to the last used button ! if i use the home button i return to the main page, without jumping to any button! here my question: is it possible to use "back" buttons without jumping to last used button? i want only revers to last visit page and start on top.. thanks sorry for my english jerry
jquery mobile have problems to link search results in native iphone applications
Hi I just started to build some native iphone applications using html, javascript and css. In one of them, I am trying to allow my users search through my app and display regarding pages. But my problem is that although my application works correctly on Safari on the net, or on my local, it doesnt display results on my iphone as a native aplication. I am using AppMakr facilities to build the .ipa file. You can reach my source codes by visiting http://www.eskipusku.com/vergi_app2 Please use
Finished a jQuery Mobile site. Tasskr.com
Finished a mobile site for my todo list app. Tasskr todo list Some problems I ran into. Are there solutions for these? There needs to be a way to refresh a page when using forms. I got around this by using rel="external" but it breaks the back button and doesn't have the page slide animation. Also I was only able to link to the root with rel="external" or it would break the navigation. I want to put more than just text into lists. <li><span style='color:red;'>blah</span> weee</li> doesn't work.
Simple php mailer with validation?
Hi, can anyone help me with a simple way to add a contact form to my mobile site. The form should have the basic validation (empty fields, correct email, etc.).
Textarea iOS - autocomplete suggestion fails to be clicked
Very strange (iphone/iPad/iOS) behaviour. When using the (Stupid) Autocomplete function on an iPhone / iPad, the dictionaty gives you some suggestions. This 'blue' suggestions has a small 'ignore' (delete) button in the top right corner. Strangely: tapping / clicking the autosuggestion fails in a <textarea></textarea> But it does work in a <input type="text"">The autocompete="off" also won't help me. A know issue? See the screenshot.
problem with phone number JQM Alpha 3
With the below code there is a ">" appearing along the LI and also the 2nd number 866-111-1111 (Spanish) is getting cut off. Please advice if there is a way to disable the right arrow ">", show the 2nd number and still be able to click the phone number. thanks in advance for your help ! <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d" data-counttheme="e"> <li data-role="list-header" data-theme="e">Contact Info</li> <li> <div data-role="collapsible"
creating input form items dynamically not showing
I'm making a call to the back-end which returns one or more values. I'd like to use the return values as input/ checkbox items. Here's how I've implemented this thus far: $.mobile.changePage("#establishRelationship", "slide", false, true); checkboxMarkup += "<input type='checkbox' name='${name}' id='${id}' class='inputs' />"; checkboxMarkup += "<label for='${id}'>${name}</label><br />"; $("#establishRelationshipControlGroup").empty(); $.each(km.core.currentRelationships, function(cnt) { arr.push({
how do you attach to ui-datepicker events
I am working with the experimental ui-datepicker, but when i call the datepicker() function of the input control, it screws up the rendering of the picker. $("#myPicker").datepicker({ onSelect: function(dateText, inst) { ... } }; I can't seem to bind to the events any other way. Thanks.
Mutliple calls to Google Maps in Jquery mobile
I have a single internal page that links to single internal page that allows the user to lookup an address using google maps.The address to lookup is passed as a URL parameter to the second internal page It works fine on the first hyperlink , on the second link it just shows a grey screen, no crash , just no map. Do I have to explictly destroy the google maps div canvas on subsequent links to this same page or must the googlemaps page be external?
nested lists & map ui
i am a complete newcomer to jquery mobile as i was iui before but was having issues with the gmap api this has got be something really simple but i'm going round in circles trying to work it out basically i'm trying to combine a nested list with the google map plugin (http://code.google.com/p/jquery-ui-map/) this seems to me it should work straightforwardly - the top 2 map links work perfectly and as they should but i get a page loading error in links in the nested section (submaps) <div
Can I use other js with jQuery Mobile
I got a html page ... with this js but how can I use it together with jQuery Mobile Regards ------------------------------------------------------------------------------------------------------------------- <!-- Include javascript files --> <!-- Latest jQuery framework --> <script type="text/javascript" src="js/jquery.min.js" ></script> <!-- Plugin for scaling images in the posts --> <script type="text/javascript" src="js/jquery.jScale.js" ></script> <!-- A custom jQueriy
How do I make a DB work with more than one object?
I'm trying to expand on a tutorial where Jonathan Stark creates a database using JS, CSS, and JQuery. Right now everything works fine if I have one "vehicle1" link and need to enter info for only that one link. If I add a second vehicle link, I get into problems. How do I adjust the code to allow me to enter and reveal code from a DB for multiple links? Here's a walk-through of what's going on: This link takes me to code at "date" for vehicle 1: <li><a href="#date">vehicle1</a></li> it brings me
Problems with form postbacks
Hello all, I'm wondering if anyone can help me solve my problems with jQuery Mobile. The Setup: I'm using ASP.NET to work with and have a shopping cart setup with a product page and additional options (DropDownList and Checkboxes) to add for the product before adding it to the shopping cart. I used QueryStrings to determine which product to display There is a postback every time the options are changed to update the price The Symptom: First I go to a product page for product 1, then I go to a product
JQuery Mobile Forum Navigation Broken
When browsing specific sections of the forum, like "Ideas", "Problems", etc. The link to the next page of results (at the very bottom of the page) leads to an empty page. It doesn't do this when browsing "All" topics.
Reorder transition animation will increase user experience
Hi, i think one idea behind animated page transition is to increase performance experienced by the user. This will work when silde animation starts immediately after the user clicked on smth. and just showing a progress bar when the content is still not ready after the animation finished. In my opinion JQM does transition animation in wrong order. First, jqm starts the progress bar and if content is ready jqm start the animation. In fact this will extend waiting time. Reordering animation will increase
Ipad scrolling Problem after changing the css
hey, i have problem using jQuery Mobile on my iPad. I override the css properties of jQuery Mobile, to get an navigation bar on the left. When I now try to scroll the content the whole page is moving but not scrolling. Suprisingly if I scroll with to fingers it works? You can find the css I changed attached
Load adverts
Hello, I need to load adverts on each page. Thus, I enumerate all containers with the ads class and write and execute (in order to write the advert in the good container). (ajaxEnabled is true) Here's my html : <div data-role="page" data-theme="a" id="asm-home"> <div id="asm-homeheader" data-role="header"> <div class="ads" data-ads="top"></div> </div> [...] </div> Thus, for the first loaded page, everything works. But, when I change page, the javascript code displays
how does jquery/jquery mobile decide on which transition to use?
Hi, is there a way to specify which transitions are used when calling the history.go or history.back/forward methods? thanks Matt
javascript in a transitioned page
Hi: When a page do a transition to another (and use the location.hash stuff ...) , this second page does not load any javascript How can I execute javascript when a page is loaded (if this one "comes" from a transition from its parent) ? Thank you
Seaching date by jquery datepicker
Dear all, I have problems to search date by date picker date. I can pop out the jquery datepicker when I click the submit button, the submit button isn't work. How to solve the problem? If the button cannot click, then I cannot pass date from client side to server side and do searching function. Who knows how to solve it?
Mobile Streaming
Can jquery be used for streaming live from a smartphone with a 3G connection?
can the framwork insert too many doms to the mobile device?
I read through the docs and demos, and got to know that jqmobile framework keep inserting loaded doms to the first page, so my question is if any possibility that the device browsers are not capable of handling so large a page? mobile devices are more and more powerful, but they still use mobile processors, and many tabs can be opened in android browser, so I'm think if I need to delete some pages so that the latter ones can be loaded. Thanks,
Long list within a bounded area
Hi all, I'm really getting there using jQM, but I have a problem: my page has a top area and a bottom area, and a long list between them. I used absolute positioning on the top and bottom divs, set a height on the ui-content area, and scroll auto, but it simply does not scroll. Is there any ideas on how to make the list scrollable?? Cheers,
What is a good way to emulate a "flash" notice?
I want to put a notice when a user action is successful or not at the top of the screen. However, I need the message to persist only until the user moves to the next page. What is a good way to do this?
Selects in a two column grids do not centre when they pop up
I have been using some simple forms with jquerymobile alpha 3. When I have two select items next to each other using ui-grid-a the overlay that pops up with the options centre on the select element rather than in the page. this is a code snippet <div class="ui-grid-a"> <div class="ui-block-a"> <div data-role="fieldcontain"> <label for="proptype">Type</label> <select name="proptype" class="form_search_combobox"> <option value="">Any</option> <option
div inside an anchor will break the back transition effect from the target page
Hi all, I started to use jQM for a few days for my mobile web application, and encountered the following issue... a.html <html> <head>...</head> <body> <div id="abc" data-role="page> <div class="myheader">...</div> <a href="b.html"> <div>abc</div> </a> </div> </body> </html> b.html <html> <head>...</head> <body> <div data-role="page"> <a href=href="#" data-rel="back" data-direction="reverse" data-transition="slide">Back</a> </div> </body> </html> So I suppose when
Code for the screenshot in the docs
The jquery docs, here: http://jquerymobile.com/demos/1.0a2/#docs/about/intro.html shows a screenshot of a two-column layout on an ipad. It looks like this: Can someone please direct me to the code to create a page like that? Obviously, I'm a beginner. I appreciate the help. I've tried fiddling with ui-grid-a and b but haven't managed to get it working. Ideally, I'd like to have a menu page and a content page. If the ipad is in portrait orientation or if you viewed the site on a phone, the menu and
how can I change the link color on a navbar?
Is there any possibility to use data-theme to a link on header navbar? Since the link is automatically changed to a button when it's included in a navbar, I put links in <h1>, my code is like: <div data-role="header"> <h1><a href="/m/" rel="external" data-theme="c">1/100</a></h1> <a href="#newword" data-icon="plus" data-theme="c" data-rel="dialog" data-transition="pop" class="ui-btn-right">{% trans "add" %}</a> </div>The color of the link 1/100 cannot be changed. If navbar use
Open a dialog, In the dialog open another page, and in new opened page, back will be invalid
How to reproduce the problem: Open any dialog, which has a form, for example search a word; fill in something, and submit the form submitting will open another page in the new opened page, click back button, invalid click again, back to the first requested pageSo the forth step has an error, two clicks needed to go back Browsers: Firefox, Webkit
layout issue - checkbox
Hi, I'm building a form with text inputs, checkbox and submit. Everything is fine so far except the checkbox width. I tested it on different mobile devices and it has always a different width. Acutally I need each element with a width of 100%. Does anyone know why there could be a problem with this element? I checked also jquery mobile site with the demo sites and also here have the checkboxes different width :( thx for hints TC
How do I control select button width?
Hi! I've got some dynamically generated drop down lists in my web app. My problem is that a select button is really narrow, so almost every list item has a shortened name and I've got plenty of space left. I've noticed that after the select widget gets enhanced jQuery generates some divs and an "a" element. I can set this "a" element wider, and this button really gets wider, but I have no idea how to do this programatically (I've done that through my browser's developer tools so far). This element
Can i Use This JQuery Frame work for Low End Mobiles??????
Hi,... I need to Develop a Mobile Web Application it should work in all Mobiles and All Platforms can i use this JQuery Mobile Frame work For My Requirement. here my Question is this Only work for The Touch screen Mobiles or can i use it for Low End Mobiles All so??????????. Please give me Replay....... Thanks, Ramakrishna Rayudu.
Experiments directory
I'm working on a jQuery Mobile-based application, and have written a couple of plugins that I'd like to package up for wider consumption. I couldn't find an official way of doing this, so thought it might be best to put into experimental. So I looked there, and all of the files come with sample index.html files which don't run properly in my cloned repo. They do this weird thing though, which I have never seen before: <link rel="stylesheet" href="../../themes/default" /> and <script src="../../js"></script>,
stopping transition events
How do you go about stopping page transitions? For example, on a form post, I want to do some validation, if its valid, just continue as normal, but if invalid, I do not want the page to transition. I thought the following would work, but not so much? $('#form').submit(function(ev){ // validation code... if (!valid) { return false; } });
Range slider in jQuery Mobile?
Hi, I need to be able to set a range (1-10) in a form with jQuery Mobile but using <input type="range" can only set one value - not a range. I've seen discussions like this: http://forum.jquery.com/topic/dual-slider-range-slider-on-jquery-mobile but It doesn't work that good. Are there some other solutions? Thx, VTM
select list going away on iphone when clicking the 'x'
I build the select options dynamically. It seems to display fine on all devices. However, on an iphone, the first time it renders, after the user hits 'x' in top left, i just disappears. it seems to work fine in subsequent runs. I do not see this problem on Chrome or Safari. Ideas? Thanks
How do I force page reload?
How can I force a page reload (through ajax)? I know I need to make an ajax request and update the dom, but how? When I do this: $.mobile.activePage.empty(); $.mobile.activePage.load('/resources div[data-role="page"]'); the DOM is updated (I see the new updated source), but nothing is shown on the browser. Thanks
Next Page