mobile CSS theme with Comments?
Hi, does anyone have a copy of the jquery.mobile-1.0a3.min.css file with comments against all elements of a single theme? I know it sounds lazy but I've spent the best part of a day trying to figure out how to change the visited colour state of a nested list & still haven't solved the problem! (I need to change from the default gradient blue in the c theme, to something other than). Would imagine it only requires one of the 4 default themes to be more clearly defined.. Thanks.
Navigation stops working after "error loading page"
Hi Forum, i built a navigation skeleton(simple list view) for a new app with jqm. Of course some links still point to nowhere. Now when i tap on such a link and get the expected 404 the jqm standard box("error loading page") pops up and then the hole application navigation is down completely. Clicking navigation items just changes the address bar of the browser but not the document body content. I checked that with chrome and firefox. How can i work arround that problem? Cheers Stefan
Need complete documentation
Have just discovered jquery mobile. Have gone thru mobile site and can't find a single compilation of paramters and options. Looking for some guidance here. thanks.
Can I control the nested lists subpageidentifier values?
I have a site of nested pages, the leaves are articles dynamically inserted, but with unique articleIDs associated with them. I want to allow users to bookmark these pages and jump back to the correct article. It looks like subpageidentifier values are a combination of the "page" name and a offset. If the list of articles changes, the offset would lead to different articles. Ideally I could edit subpageidentifier to include the article id, and use this value to jump back to the correct article on
jQuery Mobile Wait until next page is ready before loading
Hi, I've been experimenting with jQuery Mobile. I am trying to implement the following When a user clicks on an events navbar along the bottom they will proceed to view a list of events. This list is generated via an AJAX request from a server. Currently the page loads regardless of whether the list is available or not and then subsequently displays the information once it has finished loading. Untidy!! I would like to display the jquery mobile loading popup until the page is ready and then continue.
jquery mobile removes # in traversed link when using jquery.address plugin
there seems to be a strange interaction between jquery mobile and jquery address, where deep link urls appear correct, but when clicked on the # is removed and the page is therefore not found. These are internal deep links to the same page. I started with a jquery mobile site which worked fine and then tried to integrate address into it. That didn't work, so I stripped out jquery mobile and the site worked well minus the formatting, I've put together two simple pages that demonstrates the issue:
bugs on S60 symbian emulator - jquery mobile
Hi all I have a bug with app developed in phonegap + jquery mobile. The app works perfecty in android but i have a terrible connection problem with symbian (S60) emulator and a real cell phone.. I am using a simple connection with RPC to retrieve all data from a external server (PHP) in json format, it method works perfecty in android but it doesn't work in symbian... I am not sure what the reason is, because aparently the structure of phonegap app are the same for all applications developed in direferents
looking jqm freelancer
hi there, where could i find jqm freelancer to finallizing my jqm page?? thanks info@portrait-malerei.com
jQuery mobile with jQuery Calculation Plug-in (v0.4.08)
hello, i have been using jquery mobile without any problem. recentely i wanted to add jQuery Calculation Plug-in (v0.4.08) but am struggling to make some calculation in a form can anyone help me!. Problem: or the jquery mobile is short ciruited or the calculation plugin! Any advices Thanks
Issue with detecting phone orientation for android - infinite loop
I need my mobile site setup that landscape and portrait orientation is detected. Initially I am just using alert messages to test this. This doesn't seem to be a problem on the iphone or the blackberry torch - I get a single pop-up displaying the correct rotation when the phone is turned. However, on the android the pop-up functionality gets into an infinite loop with the pop-ups. I've tried 3 methods as shown below but I get the same result in each. Test 1 detectOrientation(); window.onorientationchange
Can you use SASS for creating the JQMobile CSS theme files?
Hi, I'm wondering whether you have considered creating the UI theme for the new JQmobile using SASS (sass-lang.com). It has been used by Sencha Touch and JQTouch is also planning to recreate their CSS themes using SASS. I think SASS would make it a lot easier to create and maintain custom themes, e.g. that mimic the native UI of a phone. In addition there would be the added benefit of being able to exchange designs between Sencha and JQmobile. What are you're thought on this? Thanks Jay
Input field needs several touches
I'm using jQuery v1.5.1 and jQuery Mobile v1.0a3 and have the following markup: <div class="testfield" data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> This works totally fine if I load it on a common desktop browser. However if I load the page on a mobile device (tested on iPhone 4 and Android v2.2) the input field needs to be selected ("touched") several times until the native keyboard shows up and I can edit the
Vertical slider
I need to create a vertical slider to be working on mainly android and iphones. Any updates regarding vertical sliders? Can it be done with jquerymobile?
Slider dragging not working in Mobile Firefox
I just loaded the newly released Firefox Mobile for Android and went to the JQuery Mobile Demos. I noticed that dragging the slider doesn't work because Firefox Mobile actually has some functionality for swiping/dragging from side to side so the only way to set the slider value is to tap on either side of the slider ball which isn't very precise.
Issues with Drop Down when it fills the screen.
Hello, Is anyone having a problem with the following symptom: I have an HTML Select that fills the browser screen. I select one option the first time, then I change my mind and select another option. after that, when I have problems navigating away from the page (In a standard browser, the loading page keeps loading and on my iPhone, it goes somewhere but not the page that want it to go. I attached a zip of 4 files ( 2 normal page, 1 working ddl and 1 ddl that is having the issues) to reproduce the
ajaxFormsEnabled = false / caching?
Please excuse my ignorance on this but I am tired of fighting this. I need to do a file upload on one of my JQuery Mobile pages. I'm doing this in .NET MVC 3, just for the record. I have four pages, A, B, C, and D. A, B, and D gather info and/or save stuff. Page C does the upload. I know that I need to disable ajaxForms in order to accomplish the upload. So below is how I have my javascript stuff setup in the <head> for each page. PAGE A <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
JQMobile - Problem with problem with change text by a href on Click event
Hello, i have got a problem with change text by a href on Click event. If I update text..text is changed, but button loose formatting. I tried also without $('ul').listview('refresh'); function, but is it still same. What can I do wrong? Thanks for any help. $("#soundBtn").live("click",function(event, ui){ $('#soundBtn').text('Play sound'); pauseAudio(); $('ul').listview('refresh'); }); <div data-role="navbar" class="nav-glyphish-example" > <ul> <li><a data-icon="custom" id="vibrateBtn">Vibrate</a></li>
can't set button's left and width CSS properties?
Hi all, I'm trying to develop a music-reading quiz game for my daughters, using jQuery Mobile. The part I'm having trouble with is the piano keyboard. With "ordinary" html buttons, you can set the left/top/width/height css properties using jQuery's .css() method. But with jQuery Mobile, that doesn't seem to work. Anybody know how to move buttons in jQuery Mobile? Here's an excerpt of the initial HTML for the keyboard buttons: <div id="kbdC2E" class="keyboard"> <button class="pianoKey whiteKey"
ScrollView issues when changing screen orientation
I am having major problems with the experimental ScrollView plugin when changing screen orientation. I've tried multiple hacks and workarounds but nothing is working. Basically I have a header, footer and content in the middle of the page. When the screen is rotated on either the iphone or android device the footer sometimes disappears. Sometimes it works fine. When any scrolling is done Tried scrolling programmatically: like wait 5 seconds and scroll down 5 pixels. This doesn't work Forced
Views not displaying correct information or custom js after going back to view.
I recently started using jQM and have been loving in soon as I got the hang of it. I do have a a couple problems though. 1. I have a page that requires a login. Its written in django like such: {% if user.is_authenticated %} <a href="/review/{{ wine.id }}" data-role="button" data-transition="flip">Review this wine!</a> {% else %} <a href="/login/" data-role="button" data-direction="reverse" data-transition="flip">Login to review wine!</a> {% endif %}After I login and come back, the page still
Trick the ui into thinking a link loaded successfully?
Hi all, I am developing a custom web interface for a product which allows for events to fired through the urls. For example, If I navigate to the following url: 192.168.1.5:83/trigger/2 It will activate trigger 2. I have been using jqTouch but after some time have become to frustrated with this framework. When clicking on a link such as above I would get the loading overlay. I have since turned this off by editing the to this: pageLoading: function ( done ) { if ( done ) { $html.removeClass(
After "error loading page" message, link no longer works
I've noticed this today testing jqm for the first time on a small project. If a page fails to load, the "error loading page" message displayed in the transient yellow (style e) modal is shown shortly after the "loading" modal. Thereafter, the link that failed to load doesn't function. To clarify, the first time you use a broken link, you see the loading and error dialogs. Thereafter, you are shown no dialogs, and so the link is now a nop. I can see why one might do this, as what's the point of processing
JQuery Mobile Vertical Slider
Hi Guys, Does anyone know how to implement jquery mobile vertical slider? I have searched around and cant seem to find an example of vertical one. Can I possibly manipulate the jquery mobile core library to achieve this, if so how? Thanks
Any way to do the following scenario
1) I need to update a part of the content. I am sending an ajax request get the part of the content and replace it inside a div. Before setting the html need to enhance that page. Is it possible ? 2) I have a link in a page which calls a java script method ,inside that method I am doing some calculations based on cookie and construct the request parameters. I need to load a url with this parameter .Any options available to do this I tried with $.mobile.changePage({ url: "searchresults.php", type:
Binding events in WebView on Andriod 2.2 (Froyo)
I'm not able to bind tap and swipe events to in my App using a WebView (ChromeWebViewer) with a simple sample code that works fine in the browser. Any ideas? <!DOCTYPE html> <html> <head> <title>jQuery Mobile Events</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> <script type="text/javascript">
Listview moving itself to bottom of viewport
Hi, I'm making a mobile site with a listview at the bottom of each page for a menu. If the page is larger than the viewport, it'll look fine when first viewing it, but if you press one of the buttons to go to another page, then hit back, the listview items randomly move to the bottom of the viewport if it were showing the top of the page. Here's an example here: https://skitch.com/tominated/raf1y/jq-mobile-issue. It happens no matter what I do. I tried it without my own css and it still does the
jQuery Mobile Notifications ?
Hi, I'm still new to jQuery and jQuery Mobile but i would like to know if notifications are available in jQuery Mobile like there are plugins in jQuery. I know there are dialogs but i prefer a kind of notification similar to the "loading" part... Another question is, that i read somewhere that if a page is not found after pressing on a link, some kind of warning after the loading should appear. Is that an internal kind of warning or ?
select subset of div where div contains element with particular class
Hi, I have a series of divs which I select on class $('.myClass').... Is it possible to further filter this if the div contains an element of another class so for instance, divs below with input having class="someOtherClass" would be selected and divs with class="someExcludedClass" would be excluded? <div class="myClass"> <input type="text" class="someOtherClass" /> </div> <div class="myClass"> <input type="text" class="someExcludedClass" /> </div> thanks Matt
March 2011: Multi-touch / Pinch State-of-the-Union
This is an inquiry, not a statement. From jQuery Mobile team or other in-the-know.. will there or can there be support for pinch / multi-touch? I've seen scant discussion on it. Moto Droid, HTC and Nexus One devices natively support it very well. My (small number of) jQM apps don't. Removing "initial-scale=1.0, user-scalable=no" from viewport doesn't change anything :-) A lot's happened since 2010, any news? Libby
Can't type spaces in a text input
I have one text input field in which, for some reason, I can't type spaces. Other characters are fine, but spaces are rejected. Text inputs in other very similar forms are working fine, I can't figure out what's wrong with this one. The problem line: <input type="text" name="brand" id="brand0" value=" " class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c"> The problem form: <form action="shopping.php" method="post"> <input type="hidden" name="pk_item_store" value="0"> <input
Alpha 3 - Swipe on Collapsibles
I am using Alpha 3. When I try to swipe over a collapsible header group to move them up or down, the swipe doesn't work and the collapsible expands instead. Is this a bug in Alpha 3? (In my testing, this occurs on Android, iPhone, and iPad) Thanks, much appreciated!
Image inside a input type="image" isn't render
Hey, Why I can't see the image inside a input type="image" when this kind of buttons are render?, this is my input: <input type="image" style="width: 150px;" title="" alt="" src="/misc/phpThumb/phpThumb.php?src=http://farm2.static.flickr.com/1279/5182967962_f2ebd59919_o.jpg&w=50&h=50&zc=2" data-role="button" data-theme="d" /> jQuery Mobile doesn't support those kind of elements? another question, how can I disable jQuery Mobile to not apply input classes to some input elements, like
Cannot use click action in jquerymobile
Hello, I tried add click function on li item, but seems that does not work correctly. $(document).ready(function(){ $("#vibrateBtn").click(function() { window.alert('test'); }); }); I tried also disable Ajax loading, with> $(document).bind("mobileinit", function(){ ajaxEnabled:false; }); But with same result. Where can be problem please? Thanks for any advice.
Global nativeMenu not working in a3
I could be Doing It Wrong, but I can't get the code from the docs to work: $(document).bind('mobileinit',function(){ $.mobile.selectmenu.prototype.options.nativeMenu = true; }); The per-select data-native-menu="true" works just fine. As per the docs, the above code sits between the jquery and jquerymobile loads: <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).bind('mobileinit',function(){
Help needed with Rss
Hi all, I am just starting on JQuery Mobile (giving up sencha touch) and found this rss reader url: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/ It works great but this one has multiple rss feeds. I need something with the first part off, so that I read just one rss feed. Does anyone know where I could get some sample code or any ideas how to change this one so it reads just the one feed, going direct to the feed's list? Or any demos on reading
[Problem] Text & background-color
Hi guys, I just create a little site with jQuery Mobile and I d'ont understand why my text are a problem :/ If I use a white background, no problem. Anyone knows why ?
PB & jQueryM: dialog box contents not styled a 2nd or subsquent times
Hello, I have to generate the contents of a dialog box on the fly (as I need to query the database for info first and then populate the dialog with it), but my problem is that the dialog box is only styled the first time it comes up. In the example below, (if you don't mind building and running on your sim), you click on the "New Dialog" at the top right, take a look at the dialog, it is styled by jQueryMobile which is good. Cancel out of it, and then click on the "New Dialog" button again and
if I append a class or a button to the parent of the input, it also gets appended to the div with data-role="fieldcontain"
Hi, for some reason, if I append a class or a button to the parent of the input, it also gets appended to the div with data-role="fieldcontain". Is this by design? <div data-role="fieldcontain"> <div> <input type="text" /> </div> </div> thanks Matt
How to set a dynamically created select's selected value to a variable's value
Hello, I have a cookie that contains a select's last selected value. The cookie is well written and assigned to a variable 'myCookie'. I'm populating a select's options using a php script with $.getJSON Once the select is populated, how to set its value to myCookie's value? I thought it was: $('#mySelectID').val(myCookie); But the select does not seem to be updated (or does not show the updated value). Thanks for your help.
My forms don't submit if the input fields are inside a list view
Hi guys, I have a basic login form in my Jquery Mobile application, and since I like how the listviews look, especially with the data-inset=true, I decided to put my fields and submit button in an li tag. However when I do this my form will not submit. If I remove the listview code it does work. So what happens is that the form does not react at all, with the below code. It doesn't even show the standard "Loading" overlay that usually appears when you submit a form. Any ideas? Thanks a bunch! App
Next Page