iOS Datepicker
I've got my jQuery page that displays the native date picker on iOS. When a user selects the date it is displayed spelled out like May 22, 2013. I'd like to format the date as 05/22/2013. Is there a way to use the native date picker in iOS and have it format the date as 05/22/2013?
Changing the initial load page/div in jQuery Mobile
We have a page which is heavily data-driven and so users could be navigating to a HTML page which, depending on the user, could potentially see a different landing div (where data-role=div). Currently, the solution I have worked out so far is as follows (this is a jQuery Mobile/PhoneGap application, hence the deferred bit at the beginning in order to combine the two events into one). var deviceReadyDeferred = $.Deferred(); var jqmReadyDeferred = $.Deferred(); document.addEventListener("deviceReady",
check if field (already) contains a word
before populating, the following <div class="PAN2"> <input type="radio" id="pick2" /> contains only [object HTMLInputElement] the user can populate this field with a word or not. how to check at some stage if the field contains a (any) word?
Progress Bar every 2 seconds
I have a working fiddle here to show progress bar but what I want is to load the bar until it reach 100% of its width every 2 seconds. this is the link Progress Bar Sample. Hope you can help me
List or page load based on GPS location limits
Hi I have 2 questions. 1- how can I draw different map limits? For example draw a path around Los Angeles and another one around San Francisco, so if a user is GPS located inside LA, then a list or some information can be loaded relating to LA and a POI can appear with the directions to there. 2 - the tricky part also is that even if a user is nearer to a POI but he is not in that delimited zone, the POI related to that zone is the one that should appear to him so as that information. Thanks for
Messaging system in real time ??
I'm trying to make a messaging system like "Whatsapp", "Line", "WeChat" etc etc ... In jQuery Moobile, I have understood that I use sockets, but need some guidance, because this is new to me. The system only has one on one conversations. No group conversations. You will also have state changes. I have already run the chat, sending messages and everything, just need to be real time .. Can anyone help? I should use?
Performance problem on checkboxes in listview
We have a listview that is dynamically loaded over xhr. However, parsing and adding all the jqm specifics with trigger( "create" ) takes an awful lot of time. I created a jsfiddle, http://jsfiddle.net/bZYJq/22/, that describes our problem. Timing is printed on console. Any help to get more speed out of this is appreciated :) regards, Robin
how to speed up changepage in jquery mobile for phonegap app?
I am using jquerymobile 1.3.1 for my phonegap android app. The change page methord is slow (more than 1 sec) in android without page transition (defaultPageTransition=none). any IDEA?
jQuery Mobile listview()/listview("refresh")
I have a couple of questions surrounding the (rather abstract) title of this thread. My first one is with regards to the listview()/listview("refresh") method. Our jQuery Mobile application (running within PhoneGap in a native iOS/Android app) is heavily data driven and so it means that the DOM commonly changes. I am confused with when a listview (technically, a UL which is then styled into a listview) is actually initialised by jQuery? If I have some markup with multiple pages within one HTML document,
How disable default capitalisation in IOS?
My JqueryMobile PhoneGap iOS app have capitalised all string,Title,Button,etc... How I can prevent default capitalisation string resources? Thanks
Client side validation error causing drop down lists to lose their display text.
I am experiencing a display error when validating my form on some mobile devices. If I fail the client side date validation on a text box field other drop down lists below this field lose their displayed text values. I am using a regular expression to validate the date field. I am using jQuery mobile and MVC 4 and testing the Samsung S3, nexus 4, and a Windows phone. I have no issue with the iPad 2 or iPad mini. Is anyone else having a similar problem? Below is an example of my code that has been
android - holding key sometimes inserts 2 characters at once
Hi guys, I'd like to ask for my strange problem. When user holds for example key "q" on SW keyboard and wants to insert number "1" (upper keyboard line) to input element, it behave strange on some input elements - it does'n insert only number 1, but also key q ("q1"). Do you have any idea how to solve it? Short code: <label for="phone_number2"> <center><b>nieco</b></center></label><input type="text" name="phone_number2" value="" id="phone_number2" class="ignore_enter" data-theme="a" onkeyup="check_log_form()"
Jquery Mobile App connecting to a Database
Dear All, How can I make an installed JQM application that is installed on mobile phone connect to a mysql database. If I access the application via a website where I have hosted it, the application works well. This is the code that works well on a website but cant work on mobile phone. $db_handle = mysql_connect("localhost","dbname","password"); If I substitute the localhost above, with the IP address or domain name is still not working. Any help will be appreciated.
Click only button not Listview
Hi i have a sample JSFIDDLE ,that can add button to a listview, but the problem when I clicked only the button.it clicked also the listview. How can I just click only the button? I put some alert message there to show the problem. Thansk for the help
A puzzle with hashchange and navigation
In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set thelocation.hash to the new page's relative url. Hash changes that occur independently of a click, such as when a user clicks the back button, are handled
Jquery Mobile PhoneGap and Initial Scrolling
I am not sure what the problem could be but here is the issue. When the first page loads (app loads), it scrolls with a fixed footer, even though there is enough space. If I rotate the phone (orientation change), and rotate back to the original position, it no longer scrolls (which is what I want) I am not sure what could be causing this. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" /> <div data-role="page"
uncollapse a collapsible
Upon page load, the collapsible is collapsed and the line looks like this <div data-role="collapsible" data-collapsed="true"> How to uncollapse it with jq/js?
Flexslider Gallery Not Loading.
Hi, I'm trying to get flexslider working but it doesn't load (On iphone and chrome desktop). It did previously work when I was using a single html file for all pages, but it's now in a single html file with only one page. If you visit (Link removed) and then click the top selection in the list "Amber Gallery", you may see a thin grey line where the gallery images should be. It sometimes works if you go straight to the link at: (Link removed) or refresh the page once there. Using latest 2.1 flexslider,
how to turn a text input field into option select menu without reloading the page?
To save space on small phones, I would like to be able to change the function of a text field into a select menu option and vice versa. How is it possible?
Ajax navigation / external javascript
Hi all, i have some problem with javascript after click on link with navigation ajax I have in my home page, a carousel (jquery carousel for touch ui). When the page is full loaded, the carousel work good. now i switch with a link, come back to my home page, carousel work but bug a bit. I think i need to remove cache... $(document).bind('pageinit',function(){ jQuery(function($) { $(".carousel-single-image").touchCarousel({ pagingNav: true, scrollbar: false, directionNavAutoHide: false, itemsPerMove:
Publish Web app in marketplace Android and AppStore
Is pobbible publish the web app in marketplace Android and in AppStore? How is the great solution? thank you
Filtering a listview
Hi, Is it possible to filter a listview with a dropdown/select menu. I'm really struggling with this and would really appreciate any help! Cheers Sean
navbars and class="ui-btn-active ui-state-persist" using server side includes?
Hi all, I have a web app built using jqm 1.3.1 and every page has a navbar in the footer. Actually the navabar are static but I would like to replace them with a server side include, so that updating one file will update the whole navbars. But I would like to use the class="ui-btn-active ui-state-persist" options. How can I use the persist state on SSI? Is there a sample somewhere? I can't imagine you edit every footer/navbar each time some link in a navbar change. TIA for any reply. tony
jQuery-mobile-iscrollview not scrolling when changing contents style display:none to display:block OR jquery show and hide
Hi, I am using jQuery-mobile-iscrollview from :https://github.com/watusi/jquery-mobile-iscrollview, but this is not working when changing content styles (display:none to display:block) under scrollview content. I am using jquery show() and hide() methords.
bubbles for jquery app's tutorial
Do you have any experiences with making tutorials in a form of step-by-step guidance with bubbles? What would best serve this purpose?
jQuery Mobile Accordion not expanding (KnockoutJS)
I'm using jQuery Mobile and KnockoutJS and can't get the Accordion widget to work. You can find an example of what I'm trying to do here: http://jsfiddle.net/NYTQC/1/. The accordion panels does not expand when clicked. Can anyone explain what I have done wrong and perhaps show how to correct the code? In my real project the observable knockout collection will be updated dynamically depending on user actions.
Mortar template with jQuery Mobile - blank page
Hi! I would like to use mortar-game-stub (Mortar Game Framework) and jQuery Mobile to my UI in FirefoxOS. But there is a problem with it, if add jQuery source and css file in head tag I have got blank page ;/ everything is ok without jQuery. Do you have any idea what is going on? There is a link to sample project: Project Best Regards
images
Hi, I want to develop websites with jquery mobile for tablet size as well. Does JQM have and UI features with images/graphics as I need to use these.JQ strength seems to be with apps which is great but I dont really get much work with apps.
pageinit, does not work on the second page
I have the first page and run the PageInit, starting the page, print a console.log ('Done'); I have this code: categories.php <script> $( document ).on( "pageinit", "#page1", function() { console.log('Entra al Page Init'); $(".catItem").click(function(){ var id=$(this).attr("id"); $.mobile.changePage( "Personal.php", { reloadPage: false, transition: "none",type: "post",data: 'idCat='+id} ); }); }); </script> <div data-role="page" id="page1" > .... When the second page load, not load the PageInit,
how to hide and show radio button based on radio button selection ?
**** THIS IS MY SCRIPT**** <script src="http://code.jquery.com/jquery-latest.js"></script> <script type ="text/javascript"> $(document).ready(function() { $('vehicle_0').click(function() { $('radio1_1').show('fast'); $('radio1_2').show('fast'); $('radio1_3').show('fast'); $('radio1_0').hide('fast'); }); $('vehicle_1').click(function() { $('radio1_1').hide('fast'); $('radio1_2').hide('fast'); $('radio1_3').hide('fast'); $('radio1_0').show('fast'); }); }); </script> ******THIS IS MY RADIO BUTTON *********
Memory leak ?? (detached objects count keep increasing)
Hi, I have two simple html files index.html and newobj.html index.html has a button to go newobj.html newobj.html has a back button to go to index.html. If i keep navigating between these pages, the number of detached dom objects keeps increasing. Steps to reproduce: 1) unrar the attached detachedobj.rar 2) open index.html . Open chrome tools and take a heap snapshot 3) click the new button to goto newobj.html 4) in newobj.html click back button to goto index.html 5) repeat steps 3 and 4 for say.
Correct way to link multiple pages?
Hi, I'm extremely new to jquery mobile, and in fact I've used jquery very little at all as a part time messer. Anyhow, I'm currently putting together a mobile site for a friend of a friend, quite a large company actually! and I'm a little confused about how to link numerous html files. Currently I have the mobile site up and running (Very messy code yet before I tidy it up) and all pages are in a single html file. The file consists of numerous 'Gallery' pages, 'Shop' pages and general pages such
Margin messed up with position:fixed toolbar, but only using "reload/refresh"
I'm rather frustrated by this one and can't see anyone else with the same issue, so I've obviously messed something up... I have a fairly simple JQM page I am displaying. This page is a single page, with a fixed position header and some content. When I navigate to this page (ajax or not), or type the URL in and push enter, it loads and everything is right with the world. However, when I push the reload/refresh button in the browser, the content loses the appropriate top margin and is obscured by
Switching pages: new page does not get styles.
Demo: http://dev1.prosportsmedia.com/mobile/ Simple Explanation: When switching pages the new page displays but is not formatted or styled. Detailed Problem: All pages are relatively linked. When clicking on any relatively linked page the new page is loaded and displayed but it does not contain any of the formatting love jquery mobile normally applies. When visiting any of these pages by themselves they all render properly but the same issue exists where you cant navigate between them. Sometimes
Slide carousel for jquery.mobile
Please someone knows a slide carousel for jquery.mobile? thank you
Cross platform with jqm, phonegap and backbone
Hi all! Just found an app on playstore which was written by jqm-phg-backbone. Might worth a checking! App name is close2u If i posted this in the wrong place, sorry.
Slider control without text box is not re-positioned
We have a slider control without the text box, implemented with: <style type="text/css"> input.ui-slider-input { display : none !important; } </style> However, the slider control does not re-position to the left. I.e. there is empty space where the text box was. The slider does not expand to consume the text box's space. On a mobile device where screen real estate is a precious resource, this wasted space is a problem. We have tried adjusting the input.ui-slider-input's width, but this
Insert custom image background in footer
Hello, o need a little help, i tried a lot change my background footer to insert/show a custom img button i can't, i created a nem theme with a new name "-g", i tried a lot, i already saw documentation but no sucess, can any one help, i really need background img and not just a color.
Migration of mobile site to latest jQuery Mobile version?
I've got an existing jQuery Mobile site up (http://www.vivavienna.org/app/) that was put up a year ago, and now I'd like to update it to the latest stable version. Can someone tell me how to go about updating my site, either by telling me the specific files to replace, or some other method? Many thanks
How to Update Mobile Site to Latest Version of jQuery
I built a mobile app last year (http://www.vivavienna.org/app/) using the jQuery framework. I see from the website that the framework has been updated but I'm not clear on how to upgrade the site to the latest version. Do I need to recreate the site starting with a new multi-page template, or can I just upload the folders with the latest jQuery files? thanks for reading and help
Next Page