JQM: tab index within form with autosuggest and datepicker ANDROID
Android soft keys produces a "Next" button in the bottom right corner, however clicking it does not move you through the form Steps to reproduce in our production site: Android phone only go to mobile.united.com Select "smartphone version" choose "Book Flight" 1) Touch in the "From:" field (autosuggest) click "Next" in the soft keyboard-- the focus seems to be lost - no form element has the focus. 2) Touch in the Departure Date field The Datepicker modal is displayed. Click "Next: in the soft keyboard
Thanks for beta 1 :-)
I have just found out that beta 1 is released and have already implemented into production :-) The scroll of listviews seams to be much better, thanks for that. Is there anyway that I can subscribe to posts on the blog? I keep getting tired of looking by 'Blog' every day. It would be nice to be able to subscribe to an email service sending me a notification when there is a new Blog. Keep up the good work. It's much appreciated :-D
[Newby] How to turn off grey touch-dot
Hi, when clicking on buttons a grey touch-dot is shown to confirm where the user clicked/touched. is there a way to turn off that dot? This is with jqm 1.1.1 and jq 1.7.1 running on webkit. Thanks
[Newby] Zeroes appended to end of innerHTML of body
Hi, I have a strange phenomenon, but I am kind of a newby, so maybe I am doing something wrong. I am using jquery mobile for a normal web page. There are different page divs one can call by clicking on header-buttons. When one switches between two pages repeatedly, there are zeroes showing up on the screen. I am rather sure I am not printing them, but I don't understand where they come from. I extracted the innerHTML of the body after having switched pages a couple of times and there they are on
Font-size and animation on mobile device
I am trying to make an accordion-like layout for an mobile page. I've made this so far: http://communicatiebox.nl/mobile/ It works.. but when i watch it on my iphone and open one. The font-size is really small. And then when i open the second the font becomes bigger. And i seem to have no control over this by CSS. The font changing results in an irritating flicker when the animation runs. Anyone got an solution for this?
page navigation by swipe gesture
Hi there, I'm triing to reach the next thing: I would like to create a navigation system by swipe gesture. I want to the horizontal swipe to go to the next or previous main page and the vertical swipe to go to the next or previous subpage of that subject. When swipping horizontal again the user would load the next or previous main page. Can somebody out there point me in the right direction to reach this? I tried to find the solution out there on the internet but didn't find any satisfying solution
CSS gets lost after loading content
<div data-role="collapsible" data-collapsed="true" class="info"> <h1>Rooms</h1> <div class="detail"></div> </div $('.info').live('expand', function(){ ... $(".detail", this).load("load.php"); }); I have Collapsible lists, but when I load content the CSS gets lost.
Creating a horizontal list with scrolling inside a div?
Hi, is it possible to do the following and how would I go about it: I wish to have a horizontal list with the numbers 1 - 8 (These numbers would act as buttons). Obviously the list is larger than the width of the Screen. What I am thinking of doing is placing the list in a div (screen width) that the user swipes either left and right to navigate the list. --------- Visible -------- 1 2 3 4 5 6 7 8 (Swipe left/right to see other numbers).
Is it possible to 'hide' url on Android ?
Hi. On my mobile web app (http://gosushi.dk/mobile/default.aspx) when ever there is a transistion to a page, that doesn't fill the whole screen, the url bar is shown in Andriod. Is there not a way to do like jqMobi where the url bar is never shown, even if the user scrolls completely to the top? On iOS there doesn't seem to be this problem. If I can use 'native' JQM that would be great as I'm not that keen on importing more plugins as the file sizes are big enough as it is :-( Kindly Regards
Using Swipe Event Only for Up and Down?
Hi All, I am very new to Jquery, and I am using JQuery Mobile for an OS prototype that I am building. With that said, I have a strip on the right side of the screen going from top to bottom and when a section of the screen is touched and swiped down, I want the strip to move down with the finger and once swiped down i want a transition to the "home screen" page to happen. But if the strip is dragged up to one of the three icons at the top section of the screen I want a unique action to happen for
Form Rendering Problem
I'm just trying to create form using jQuery Mobile, but it has rendering issues. If you open up this page and click supplier login button, supplier login form will be rendered properly: http://noworrieshire.preflight.iddigital.com.au/ However if you open up supplier login form from direct link (http://noworrieshire.preflight.iddigital.com.au/supplier_login) or being redirected because it has no valid username/password, the supplier login form won't be rendered properly. Can anyone spot any problems/hints
Direct URL to dialog popup
I am trying to make a link that can open a page into dialog pop up box from a link typed in on the URL in a browser. Everywhere I see just shows this code " <a href="foo.html" data-rel="dialog">Open dialog</a>" This doesnt work for me as the browser would already have to be on the website.
css style isn't showing up for buttons when using innerhtml
Hi, I am having trouble injecting radio inputs into a div element. The css style for the radio buttons are like the native style. The div i am trying to insert to is "NotesDiv". This is my code, using asp to fetch the dynamic elements for the radio buttons: document.getElementById("NotesDiv").innerHTML = ""; str = "<p class=\"sticky\" style=\"width: 75%;\">"; <%Dim k For k=0 to countNotes-1 step 1%> str += "<input type=\"radio\" name=\"MyNote\" id=\"Notes<%=NotesResult(2,k)%>\" onClick=\"viewNote()\"
[Jquerymobile] How can I update a database with Ajax
Dear All, I am new with jquerymobile. I created a simple form and I would like to update my database when the user press submit the form. I created that form: <div class="ui-collapsible-set" data-content-theme="d" data-theme="c" data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="true"> <h3 class="">Apple</h3> <form method="post" id="fruit_1"> <div data-role="fieldcontain"> <label for="fd_nom">Nom
Jquerymobile footer navigation bar not getting fixed in 2.x version of android
Hi All, I am facing a problem with footer navigation bar. It is not getting fixed at the bottom of the page when I scroll in 2.x versions of android. The footer navigation bar is getting fixed in 3.x and 4.x versions of android. As per jqueryMobile 1.1 guidelines, the fixed footer issue should be fixed in 2.2 and above versions of android. But its not getting fixed. I also tried using polyfill plugin. Still no luck The html code is as below: <div data-role="footer" data-theme="a" data-id="myFooter"
mouse swipe not working correctly
Please check the attachment. It works correctly if there is 4 or more images. But when i tried with two images, it is jumps unnecessarily(after swiping from left to right side) and continues for ever. I got this code from http://torontographic.wordpress.com/2012/02/23/jquery-mouseswipe/ Please help... Thanks in advance..
When a <div> is filled up, how can I generate a dialog box?
Hello All. I have a ajax script. When it sucessful return a value it filled up a div function onSuccess(data, status) { data = $.trim(data); $("#resultSql").text(data); } <div data-role="content"> <h1>Gestion des fruits</h1> <div id="resultSql"></div> </div> This is nice but I would like to have the message in a dialog box. I would like to know if jQueryMobile have a such event. I red the Dialog page but all work with link. Someone know
Persistent tooblars and Javascript problems
Hi everybody, I write because I've a big problem: I'm developing a web app that has 4 main pages.... I premise that I don't use a multi-page template. Every page of the application is generated by php; one of these pages has some javascript code that allows the user to load new elements of a listview every time a "load more" button is clicked. All worked since I decided to try persistent toolbars.... Now that the application has a persistent header and a persistent footer my javascript code sometimes
Header icon placement different in 1.2.0-Beta-1
I have a right log off button in my header which is defined this way: <div data-role="page" id="displaySchedule" data-title="Display Schedule"> <div data-role="header" data-theme="a"> <a href="#home" data-icon="home" data-iconpos="notext"></a> <h1>Schedule</h1> <div class="ui-btn-right"> <a class="logoffButton" data-role="button" id="logoffButton" href="#logout" data-icon="delete" data-iconpos="notext"></a> </div> ..... Worked fine in 1.1.1. In 1.2.0 the log off icon is displayed about half it's
Help! Creating Mobile sites with Dynamic Sites
Hi My mind has been going round and round over the past few months. I am having trouble finding tutorials to create JQuery Mobile Sites that works along side Joomla sites and other dynamic sites such as Actinic..... so when the main site is updated the mobile site will also update. Can someone point me in the right direction or maybe give some advice. Thank you :)
Returning the Page ID.
Hi, is it possible to return the ID of the current page: For instance if the page has the following code: <div data-role="page" id="sports"> How can I get the id from it? Thanks in advance, Lammie.
Jquery array populates HTML select options - problem on Android Browser Rendering.
<newbie alert> In my first version of this web app all of my .js functions were in-bedded in my HTML. This version played fine with my Android. Then I decided to move .js code to external files and rewrite so that my 3 identical dropdowns were populated by JQuery doc.ready function that iterates through arrays (one for the drop down names and one for associated values.) This works perfectly on my desktop browsers. However when I run it in my Nexus' browser the dropdowns are not populated.
Images in JQuery Mobile Have Poor Quality..
Please see the screenshot that is attached to this post, all the images are in bad quality i dont know why? i designed them for the retina display yet they come out poor...Please help... My HTML code is: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> <title>View App</title> <link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
a google map will not show on a linked page!
I`ve create a mobile page for our education package (www.bildungspaket-nf.de) and I have a problem to show a mapaera with GoogleMap! When a user click on a link in my application to a page with an includet map then the mapaera will be blank - applied at the browser reload (F5) the map will be show! Example: http://m.bildungspaket-nf.de/angebotsgruppen.cfm?Thema=Boxen&KatalogID=62 and then klick to the link ...TSV Rotwei... When I insert the coplete URL http://m.bildungspaket-nf.de/angebotdetail.cfm?AngebotID=323
Limit of only 26 swatches?
From what I understand there are only 26 swatches available - last I checked you can only use one letter per swatch name. I'm sure the development team thought 26 would be plenty for anyone, but I work at a corporation with dozens of big brands, and each needs its own swatch to color the navbar and buttons to their brand colors. If we had to do a second theme we'd have to have 2 different code bases, and I'd rather not go that direction. Will this restriction ever be lifted? Could we go to having
problem with colors
hi to all! when i use the emulator i've got the correct colors in the section content with a data-theme. however when i run in a tabblet i have diferents colors say for exemple a blue color as backgound and a white color with text. what can i do? i've used the theme-roller also and created a new data-theme but also with no result! is it possible thar each tabblet or at least a group of tabblets have diferent ways to show the same code of colors?
page transition not working
I'm having a fair amount of difficulty trying to figure out how to make a transition between two html pages.. I've put the link that isn't working in red. index.html <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Untitled Document</title> <link rel="stylesheet" href="css/style.css" /> <script src="js/jquery-1.7.2.min.js"></script> <script> $(document).bind("mobileinit", function(){ $.mobile.loadingMessage
Jquery Mobile viewport Problem.
Hi I have created a mobile application using Jquery Mobile and I want to manually set values to viewport for each page. How this can be done. Motive: Client is using website in mobile and when hi zooms page with fingers and If he goes to another page the zoom remains same. He wants if he browse other page it will open as default size. Please Help.
Popup Bug in Overlay Panel (Beta Release)?
I'm using the JQM popup overlay panel for site navigation. It loads fine on the initial page load. In the 1.2.0 Alpha release, subsequent page calls worked fine (ie. the popup displays correctly). However, subsequent page calls using JQM 1.2.0 Beta brakes (the popup doesn't load). Here is my code w/ some notes: http://www.moxbrain.com/jqm/ The problem shows up on iPhone Safari... I have not tested Android. Not sure if this is a bug or my code is just written badly. Any help would be GREATLY appreciated.
Is possible to select a listed item within my web app.
Is possible to select a listed path within my web app. like can i select http://www.myurl.com/fbprojectA/index.html#mrktrpts/collasable/in_a_collasable list <-- from another http://www.myurl.com/fbprojectA/index.html#pageA/link1
.css() and url hashtags
Hi guys! I am building a mobile app with jquery mobile - this is the first time I'm doing it, so pardon my noobness in any way. :P The problem is: I have a code that changes a css attribute in a div. It is inside a function that executes inside a 'pagebeforecreate' statement. The problem is that the code executes perfectly in chrome and firefox, where the url is output without /#/page. However, in ie9 the hashtag is placed in the url and as soon as I enter the page my code is not executed. All the
Jquery.mobile $.ajax complete gets called repeatedly
I'm using jquery.mobile-1.1.0.min.js and cordova-2.0.0.js (phonegap). In my setup for my $.ajax call I set my params like this: success: onFetchOK, // saves everything to the database complete: function(jqXHR, textStatus) { // show everything in the database showAllHeaders(); }, error: function(xhr, textStatus, errorThrown) { alert("onFetchFailure: There was an error retrieving messages: \n" +"xhr: " + xhr.statusText
Flash of content unstyled JQuery Mobile
Am using JQuery mobile and my own custom style sheet and just before the JQM stylesheet and my stylesheet kick in I see the page unstyled, I have a number of checkboxes and radio buttons across various JQM 'pages' on one html file, tried numerous of ways to try and wait until CSS has loaded before showing page but cant seem to get any to work with JQM. Maybe I need a separate style sheet for to hide.html ? Dont quite know why this .ui-mobile-rendering > * { visibility: hidden; } is not doing its
asp.net listview + asp.net datapager on JQuery Mobile ?
Greetings... and thank you for using your time reading my post.. I'm developing in asp.net (c#) using latest stable JQuery Mobile version. I have a need for a datapager on a listview, and naturally enough.. i'm using the asp.net version one "Datapager", but... since the datapager does a postback each time.. it causes issues with JQuery Mobile. I guess... i need a easier more compatible way of using a pager to this.. Any ideas ? here is the code : <table> <tr> <td style="vertical-align:top">
distribute my application over the air(OTA)
Hi , I have developed an iphone application using jquerymobile. I want to distribute my application over the air(OTA). can anyone help me to distribute my application OTA. I am tried to distribute my apps on my server.I download apps from my url but after few seconds it return an error , that is "Unable to Download Application <apps Name> at this time". Please help me . -Kamalakannan.M
Jquerymobile and firefox 3.6
Hi Link navigation on firefox 3.6 fails on my jquerymobile website and I don't undesrtand why. it works on the jquerymobile site. Can someone give me a hint ? The website I am coding is www.guappy.com. If you click the link "Les equipes" on the menu, nothing happens on ff 3.6 !
How to dislay a dialog not in full screen?
How can I modify the code here, http://jsfiddle.net/BScLu/, to display the dialog not taking the full screen. I expect a smaller dialog pop up on the center.
Can jQuery mobile be used to build a complex mobile app/site ?
Hi, I'm a complete novice to jQuery mobile. I'm interested in building mobile websites and mobile web apps. I'm not really sure if jQuery mobile is the right choice.Some examples I've seen of jQuery mobile sites, it seems like the sites are relatively simple with static pages. I've a complex PHP site (social network) and I was wondering if jquery mobile would suffice to mobilize it ? Also there somes to be a generic looking button/font style...is it possible to change that ? Also, I've just purchased
Problems with Image Sprites and jQuery Mobile Ajax navigation
I've created an image Sprite for all the images on my jQuery mobile website(e.g. #page1, #page2), I thought I could download the image Sprite on #page1 of my site and then I wouldn't need to download it on #page2, But this isn't the case, Should this work? Thanks, I'm doing nothing complex with theses Sprites e.g. .help-photo { width:100px; height:112px; background:url(help.png) 0px -440px; }
Select Menu with images
Hello everyone, I have problem..... I followed different tutorials on the web in order to obtain a select menu with images inside the different options of the menu....but every way I tried dosn't work. I need a select menu in which every single text option is accompanied by an image.... How can I obtain this? Thank you a lot Luca P.S: this is one of the "tutorial" I followed http://stackoverflow.com/questions/5512685/how-can-i-add-images-to-jquery-mobile-select-menu-items
Next Page