Files for download on a jquery mobile app (PhoneGap)?
I have multiple files I wish to offer through my app, and some of these have multiple files within them. Now, I don't know how a mobile browser reacts to .zip files, so my question is what is the best method/approach to archive files so that they can be downloaded through a mobile app? I've looked everywhere for any info pertaining to my question with no help. Anyone have any ideas? I've used Cordova to wrap my jquery mobile app.
Iframe problems in JQUERY Mobile
I have two problems. I recently moved my mobile website to jqeury mobile. Problem #1: My Youtube Iframe will not play on my android phone and I get a message "Adobe Flash. The content is not supported" Out of jquery mobile everything works fine. Problem #2: My Google Maps Iframe doesn't open, but when I click on it's "View Larger Map" link, the larger map appears and when I hit my phone's back button, the smaller Google Map appears. I would like to solve these problems. I have attached my code.
load local html/template file
i want to write a local mobile application using jquery mobile without a server. i want to split the views into separated html/template file. so i need to load them during running, i use the way like : $.get('views/somepage.tmpl') on Firefox, it works, but on chrome, there is a cross-domain problem, the error information is: Origin null is not allowed by Access-Control-Allow-Origin. so what i want to ask is that: any solution for it, i don't want to write all Htmls into one file. thanks in advances
On change to landscape view the history is gone and the app dsiplayis the first page again
Hi, I have a simple App with JQM and every page has an back button. When I have select for example 2,3 pages and rotate my phone to landscape view, then the layout is going black and goes again to the first page. It seems, that somehow on rotate the layout is restarting and displaying the first page again. How can I avoid this effect? Thanks Nik
Jquery mobile dialogbox shows old data in I-Pad
I am showing profiles of various users in dialog box. When i open profile of person A and B first time, it opens perfectly but when i reopen profile of person A, it shows me profile of person B. Also after that when i open the profile of person C it opens fine. But again if i open B or A it opens C. can any one suggest solutions for this problem ????? This happens only in i-Pad, on other browsers it works fine.
Slide from page to page with static header
Hi I am trying an simple mobile site and want to create after that an mobile app with phonegap from this layout. The problem, what I have now is, that when I slide from page to page the hader is refreshing ever. I have an fixed header, where on scrolling it is staying ever on top. I have seen some mobile sites, where on slide, only the content div is sliding (the middle of the site), and the header and footer is staing fixed. Only the buttons on the header and footer and the label is changing very
How to place two text input types in one row?
Hi. I just want to know if there is solution for placing two text input types in one row. I am trying it with table but it does not look nice. I want to make something like this:
jQuery Mobile css not applied to controls after page navigate...
I have a single page app, and am having issues with the controls (namely input) not having the css styles applied on the second time switching to them. I have created this fiddle (using knockout and jquery mobile) http://jsfiddle.net/giltnerj0/BvtQv/, and when you click an item in the list the first time, the input type="text" on the next page looks fine, but if you click the go back to page one, and choose a different item, it renders as a plain textbox, not a fancy jquery mobile one. I also have
jQuery mobile collapsible content works locally, fails online
Hi, Apologies in advance of this is a stupid question but I am a complete newbie having just discovered jQuery mobile and done my first example of collapsible content panels. They work brilliantly locally in all browsers, and online when accessed by desktop FF and on iPad, Android Chrome on phone and tablet, but the jQuery doesn't render in desktop Chrome or IE9 when the page is accessed online - it just shows the html. This is a page in a Dropbox Public folder https://dl.dropbox.com/u/14619867/chrometest2.html
jQuery Flexslider only loads when refresh
Hi all, I'm developing a mobile website for our company. http://m.ideebv.com/ I made this with jQuery Mobile with Modx as CMS. The problem is, I use a imageslider as header; flexslider. I made this work on the homepage. But on the next page, after you click on the first button 'wie zijn wij?' the slider doesn't show up automatically. It only shows up when I refresh the page. When I go back to the homepage, the problem appears again. Then I have to refresh the home-page again to show the slider. Does
add button in multiple select menu overlay
Hello, I have a multiple select with data-native-menu=false. I would like to add a button in the created dialog to close it because the close button is not very intuitive. It seems that invoking select menu opens a dialog which includes a listview for selecting item. I tried to add the button on triggering the event dialogcreate: $('div:jqmData(role="dialog")').live('dialogcreate', function(){ .... $(this).find("div:jqmData(role=content)").append('<a id="close" data-role="button">Valider</a>');
button color
Hi.. Need help... I have created a button in http://jquerymobile.com/ in but not getting any option to put my own color for the button... could you please help.. because creating theme and how to provide link i tried but i din get.. and i already has data rollover by the name "content" and jquery.mobile.1.1.1.min.css now it is 1.2.0 but not finding how to put color and effects for the button..
Maintaining form input if app closes
Sorry if this has been addressed, but I can't seem to find it in the forums. I've created a mobile app with a basic form. The users will primarily be using iPhones iOS 6.x. I want to be able to maintain the form input if the user fills out part of the form then closes the app before hitting submit and then returns to the app to finish filling out the form. This works fine if the app is opened in Safari (the field inputs are preserved if the user navigates away from the page and comes back using
Page Layout, Slide-out Menu on Left Scrollable Content on Right
I am rather new to JQuery Mobile. I've seen many examples of layouts that are very close to what I want, and I have tried to adapt these without success. Maybe someone out there can point me in the right direction. What I need is as follows. 1. Slide in, out menu on the left with about 12 items, so never has to scroll vertically 2. Content on the right that will be rather long so will have to scroll vertically 3. I don't want the navigation on the left to scroll with the content on the right: I want
Search long lists, data-filter="true" - how to integrate ajax server-side
I've built an app that uses the <ul> data-filter="true" and it does a great job of client-side search. I generate my list items with a $.getJSON call to a PHP/MySQL server. All good - the search works when the list is small. The problem is my app may have a very long list, in the many thousands of <li> results. I only need to display ~50 results, but I'll need then to search server-side. Can someone point me to a technique to integrate the current data-filter in jquery mobile and/or add an
Mobile CSS gets lost after using ajax to update content
I'm using jquery mobile for my site and its working great, but I have one page that has a series of <select> menus that update via ajax. As soon as that div updates, all the mobile styles go away and I'm left with regular select pulldowns. How do I apply the mobile css to these? I was trying something like this, but without success(it gives me an error): $("select").live("change", function(){ $("#options").load("/products/mobile-product-options.php", $("#product_form").serialize()); $("#options").live(
Use Javascript to go to an "external" page and handle "back" correctly
I would like to know how to change pages and go back in javascript in a way that is the same as: <a href="someplace.html#somehash" rel="external">Go There</a> <a data-rel="back">Go Back</a> What I've found is that if I do everything in HTML (which I can't in the situation I have now), everything works as I would expect. If I try to just do a $.mobile.changePage('somplace.html'), not all the jQueryMobile screens get loaded. I tried reloadPage=true, but that didn't help. If I do a window.location="someplace.html#somehash"
jQuery mobile
For jQuery mobile, has there been a development for touch based resize, sortable, etc? Like a jQuery UI mobile.
flicker/kind of refresh after page being loaded (jqm 1.2, phonegape 2.2)
first the facts: i am using phonegap 2.2.0, jquerymobile 1.2.0 on ios 6 with iphone 5 and iphone 3gs. i have an application which has some local html-files that are supplied in the www folder. from the start/index.html page of the app i open those pages. there are also content which will be loaded via an ajax call that returns json which then will be converted to html and being displayed. the new "fade" transistion looks really nice on both iphones, much better than the old slide transition with
Jquery listview
hello, sorry for my english i trying to display a database result query in a ordered list. but if i add data-role="listview", the result is not displayed with the jquery style (just the basic html orderer list) var lis=""; for (var i = 0; i < result.rows.length; i++) { var row = result.rows.item(i); lis+="<ul data-role="listview"><li><a href="#">'+row.FirstName+'</a></li></ul>'; } $('#mylist').html(lis) $('#mylist').listview('refresh'); <div id="listview"></div>
Multiple links in listview item - turn off auto-linking
I have a listview with some links inside an <li>. How do I turn off the auto-link-function (generate a button, onclick on complete <li>) to have an unclickable list entry with clickable links inside? Can I force a read-only-list with links inside?
Contents of popup loses style
I'm using JQuery 1.2. I have a popup that is opened with a simple anchor tag. When it is displayed, The outer div of the popup has it's style but the contents don't. The buttons look like links instead of what I am expecting. Has anyone else seen this issue? <div data-role="popup" data-theme="b" data-overlay-theme="a" class="ui-content" id="popupTest"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Send Local Data?</h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom
ScrollStop Issue
The below code doesn't working in my Kendoui + jQuery Mobile App on scroll an endless scrolling items, could you please suggest me on this. $('.classOfList').on('scrollstop',function() { alert("message here"); });
Dialog pop-up on page load?
Hey, I'm an intern at programming corporation, writing a web application with jQuery Mobile. I'm quite new to jQuery Mobile, so wondering how to make a dialog pop-up on page load. For instance, as user enters the web page, Terms of Use -dialog would pop up and user has to either agree or disagree with them.
Problem with back button on phones
I've been developing a new site using Jquery Mobile and now that we are testing on smart phones I'm running into problems with navigation, specifically when somebody uses the Back button. For example, you start on the landing page, you click on a link to go a another page. That page has a form which delivers you data when you submit. Now you're on the results page, you click Back, you are on the correct page. Now you click back again, which should take you to the starting landing page. What we're
PrinterShare not working w/ JQuery mobile site that uses dumbFormState plugin
dumbFormState plugin conflicts w/ PrinterShare when trying to print. JQM loader spins and pages never appear in PrinterShare window. Would like to use the formstate plugin and local storage when printing to bluetooth wifi printer. Commenting out persistLocal :true allows PrinterShare to work but the form no longer stores fields in local storage. DumbFormState works fine w/ local storage & persisted fields when printing out from the desktop. How to mitigate?
On Ajax loading
I'm gradually getting a handle on the whole jQM paradigm, but there are still some things that I haven't figured out. I'm hoping that someone can help me... 1) jQuery Mobile loads subsequent pages via Ajax. But what should those subsequent pages look like? Full web pages with a head, etc? Or just the <body> contents? 2) If ajax-loaded pages should be HTML fragments rather than entire documents, are there any request params that jQM sends, or can I somehow specify these parameters so that I can
Radiobutton widget
Hello. I'm using jQuery mobile 1.2.0 and the following markup: <fieldset class="data-types-horizontal" data-role="controlgroup" data-type="horizontal"> <legend> Choose data: </legend> <input class="data-type" name="cjr-h" id="cjr-h" value="cjr" checked="checked" type="radio" /> <label for="cjr-h"> CJR </label> <input class="data-type" name="languages-h" id="languages-h" value="languages" type="radio" /> <label for="languages-h"> Languages </label> <input
orientation detection
how can I know if the customer has changed the portal to landscape thinks
jquery loader not spin in IOS 6.
Hello, I am new on Jquery mobile development. I am using $.mobile.showPageLoadingMsg() to show loader. It is spinning on IOS 5.1 but it is not spinning IOS6. I am using Jquery mobile 1.0.1 Any one has solution please share. Thanks
Onclick select menu url redirect
In my mobile theme that I'm working on, I have a list of replies to an article. Next to each reply is a button that one can click (or touch) to view a select menu for options to reply, report, remove etc. assuming they have permissions. My problem is for the option to remove I want a JavaScript confirm() to give the user the option to proceed so that there isn't anyone getting mad for accidentally removing a reply. :) I cannot figure out how to get the value(the url) of the selected option. Here's
beta tester / apps / devs needed - Announcing the beta launch of ThunderCloud!
Hello! Announcing the beta launch of ThunderCloud! Exclusively at - thundercloud.io Thundercloud is a PAAS solution which enables you to store, retrieve and share mobile app data in the cloud. This means, for the first time ever, you can: • Upload your app data. • Retrieve your app data at will. • Retrieve data from other apps at will. With ThunderCloud, the possibilities for app integration and data sharing are endless! Here's how it works: 1. Add your app. 2. Setup keys for what you want to store
Change theme of Collapsible set list view using jquery.
Hi I have used Jqm Collapsible set list view and it is working fine. list view My requirement is that differentiates last update list view. My list view code is : <div data-role="collapsible-set" data-theme="a" data-content-theme="a"> <div data-role="collapsible" id="div_1"> <h3>ALL</h3>] <p> <select name="onoff_switch_1" id="onoff_switch_1" data-role="slider" data-mini="true" onchange="switch_status(this.value,1,'div_1');"> <option value="off">Off</option>
jquery mobile and search form
Hello, i've got a problem with a simple form (post or get) : When I arrive on a page and I submit the form the page never stops loading and i must close it, impossible to do something else, it loads... but If I refresh the page when I arrive on it and I use my form after the refresh it works. If I deactivate the ajax it works fine ('$.mobile.ajaxEnabled=false;). I tried a few things and the problem is the page in which i submit the form and not the action page. Notice that I never have the problem
A Plugin to Speed Up Click Events in iOS and Others
demo: justinmccandless.com/demos/jquery.mobile.fastButtons/index.html github: github.com/justinmc/jquery.mobile.fastButtons I wanted to share this easy plugin I wrote for a project with a big emphasis on performance. I was having huge problems with click events happening very slowly, especially on iOS. It made my app feel incredibly sluggish next to a native app, but the problem wasn't that HTML5 was slow, it was just that the webview was waiting around for click events to fire. jQuery Mobile actually
taphold event on Windows Phone(test on OS 7.8) triggers native response
taphold event on Windows Phone(test on OS 7.8) triggers native response.
Ajax, loader & external content
Let's say we have a main jqm index page with 4 links to 4 new pages... all with a different class names so we can make some unique trigger calls. (lets avoid id's) So every new page will have a unique ajax call loading some external data and add that to the markup, either listview or whatever. How is this done right? jqm 1.2.0 Show the loader spinner while data is being fetched. Waiting for the ajax to complete/be 'done' and spinner hides Preserve navigation and transitions effects. Preserve back
Only JQM elements sit above fixed header....
Hi Folks, I have developed an app using a mix of JQM and HTML5 elements. The app has a fixed header which I have fixed using CSS rather than explicitly using the data-position="fixed" way as this doesn't work right for my app. When I scroll the app, the header stays nicely in place and HTML5 elements scroll underneath it nicely. However if there is a JQM element such as flip-switch or button then they scroll over the top of the header! Can anyone please give me any pointers as why this might be?
Latest require.js Not Working with the Latest jQuery Mobile and knockout.js
I have an ASP.NET Web API single page application (all HTML5/CSS3/JavaScript talking to the Web API only to transfer JSON data) that was working with require.js v2.0.4, knockout.js v2.2.0, and jQuery Mobile v1.2.0. Using Nuget, I upgraded to the latest version of require.js (v2.1.1). (Note: I’m using only require.js. I removed r.js. I never needed it in the past, which was just a day ago.) And, now my application doesn’t work correctly. On the Network tab of the browser’s tools, I can see that
Class functionality does not carry over when loaded dynamically
So I have the following code: <div data-role="content"> <div id="droppable" class="product_canvas"></div> <div class="customization_selection"> <div class="ui-grid-a"> <div class="ui-block-a" id="first_column"></div> <div class="ui-block-b" id="second_column"></div> </div> </div> </div> When I load an image and set the class attribute, the js method for the draggableImage works fine. It looks like this when all is well in the world: <div class="ui-block-a" id="first_column">
Next Page