Android studio for Jquerymobile
Are there described steps necessary to create an apk with android studio from a jquery mobile project? jqm and "android studio" do not get found together in google.
image zoomable on jquery mobile but header and footer stay at top and bottom of device
hi all, Is it possible to make an image zoomable but header and footer to stay at top and bottom of device respectively? Thanks
With version 1.4 can no long collapse a list from code
I was using an earlier version of jq moble and was able to collapse a list with the following code: $('#myList').delegate('li', 'click', function () { $('#myList').trigger('collapse'); }); Anyone know why this code no longer works in 1.4.1
Swiping doesn't work when video is on page
Hallo, I used JQM to enable my pages for swiping from one page to another. Works fine so far but there is an exception: When a video is on the page swiping and sliding doesn't work. Example page: http://ulrichbangert.de/orchid/pleione/2013-03-25_Pleione_Ueli_Wackernagel_Pearl.php Example for a page without video: http://ulrichbangert.de/orchid/2011-02_pleione_barcena.php I'm using the video player video.js Why doesn't it work and how can I solve this problem? Best regards - Ulrich
Map Disappear when forum has posted
Hello All, I use both jquery mobile and google maps api in my web page. But I have a problem. When I post the form map disappears? My web page is http://tweethali.com/sample.php Do you have any İdea?
data-history attr on select menu
Can data-history work on a select menu with data-native="false" or it only valid on pupups?
Disable main page when panel is open?
So I've got a typical jQuery mobile app with a panel that I programmatically add to each page in a single html file. I used phonegap to create an android app, the problem now is when the panel is open the user can still move the main page by using his finger to scroll it up or down. When the user taps the main page the panel closes, which is good, I just want to remove the option to interact with the main page while the panel is open. Also when you scroll the panel to the top or bottom then continue
Can't display button icons in JQ Mobile 1.4
This was working just fine in earlier versions but after I upgraded to 1.4 it no longer works, but only for my own buttons. That is, the JQM standard buttons (like Back and accordions) display just fine, but in the ones I added (like Help and Settings) the icons are not displayed. I know that the icon file has moved, but where to. Also I suspect the icon names have changed as well, but I am confused by the documentation. Can anyone help? Here are my included files: <link href="styles/themes/jquery.mobile.structure-1.4.2.min.css"
In themeroller which part of css corresponds to watermark of a text input
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I generated themes using themeroller, but not able to figure out that which text color and text-shadow color is being applied to the watermark text in text inputs. I am refering to the watermark, generated using placeholder attribute. Could someone help? Thanks in advance.
While calling MVC webservice from my html page it was always going to error; please help me, i even used JSONP and Callback Pin
I am developing a android app usinh PhoneGap, so i need to call a webservice from Html page for login and , inserting data into DB $.ajax({ type: "GET", url: url, contentType: "application/json; charset=utf-8", crossDomain: true, dataType: "json", success: function (msg) { alert(msg) }, error: function (e, status) { alert(e + " Fail " + status) } });
jQuery Mobile build with grunt
I have downloaded jQuery mobile with bower and now i am trying to build jquery with grunt as described on jquery-mobile github readme https://github.com/jquery/jquery-mobile but i am getting error that 'build' directory is missing. after looking in the bower.json filehttps://github.com/jquery/jquery-mobile/blob/master/bower.json i saw that build directory is added into ignore list. now my question is, if that build directory is required to build the files then why its in ignore list? is there
content not rendering on ipad but is on iphone
Hi, I have an application, that renders fine on the iPhone but will not render properly on the iPad. Could some please provide assistance on this. Many thanks for your help. Please see code below: <!DOCTYPE html> <html> <head> <meta name='viewport' content='initial-scale=1.0,width=device-width, minimum-scale=1,maximum-scale=1'/> <meta name="viewport" content='initial-scale=1.0,"height=device-height, minimum-scale=1,maximum-scale=1'/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta
load event: class ui-page-active set
Hallo, yesterday I used jQuery Mobile to enable my pages for swiping from one to another: http://www.ulrichbangert.de/orchid/spathoglottis-kimballina-hybr.php Works fine so far, but one issue is left: I use the pageinit event to execute javascript when the page is loaded. Unfortunately the class ui-page-active is not yet set when this event is fired. Is there another event handler I can use where this class is set when it fires? To work around my problem I preload next and previous page in the swipe
How to apply themeroller themes using grunticon
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have applied themes using grunticon loader as prescribed in JQM demos. So code in my html head looks something like this: <script> window.grunticon=function(e){if(e&&3===e.length){var t=window,n=!(!t.document.createElementNS||!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||window.opera&&-1===navigator.userAgent.indexOf("Chrome")),o=function(o){var
jquery mobile font face
Hi, I an trying to add font on my css. On chrome on my desktop it is working. But not on mobile (android and ios). declaration in my css: @font-face { font-family: BYekan; src: url('BYekan.eot'), url('BYekan.woff') format('woff'), url('BYekan.ttf') format('truetype'), url('BYekan') format('svg'); } body .ui-body-c{ font-family:BYekan !important; } html * { font-family:BYekan !important; } thanks for the help
jQueryMobile - DOM nodes counter always increasing
I've created a very simple test application using jQueryMobile. This application is composed of two pages: the 1st one only contains a button to navigate to the 2nd page. This 2nd page contains a list of 20 items and a button to navigate back to the 1st page. This application only use the jQuery (1.10.2) & jQueryMobile (1.4.2) code. No custom code was added. Here is the code. Page1.html <!DOCTYPE html> <html> <head> <title>Test app</title> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
Notify user when app running in the background state change
Let say the user is using the app and its doing come processing , while waiting the user went to check text messages. How can one get the app alert the user.
swipe event without jquery mobile
This is perhaps a stupid question but I will give it try. I’m currently update an older web application using jquery 1.4.2 with a number of plugins. I have spent some time to migrate the page to be able to run on with jquery mobile, but I just too messy and not worth it, is it possible to implement a swipe event in any other way than using jquery mobile? Does it exist an implementation that could make this work with jquery and jqueryUI? crele
$("#pageselector").page("destroy").page() is taking a long time to complete.
Hi, I am using jquerymobile 1.4.2 i am populating my page dynamically so every time using $("#pageselector").page("destroy").page() to refresh the page but it is taking high amount of time to process in mobile more than 1second for heavy content page. in page1 i have link for page2 after clicking the link i will populate the page an then refreshes it but becoz of this its taking a long time to get the page after clicking on the link. is there any way to reduce it. Thanks in advance
facing problem to specify navigation after Image upload on form [data-ajax="false"] submit
Hi, I am using jquery 2.1.0 and jquery mobile 1.4.2 I have a page to upload an image to the server. The form looks like this: <form action="http://localhost:8080/JQMProject/mobile/uploadServlet" enctype="multipart/form-data" method="POST" data-ajax="false"> <p> <label for="file-2">File: </label> <input type="file" data-clear-btn="true" name="file-2" id="file-2"> </p> <p> <input type="reset" value="Reset" data-icon="recycle"/> <input id="submitImage" value="Upload" type="submit" data-icon="check"/>
Two Google Maps in JQuery Mobile not working
I'm new at Jquery and I need to get two maps working on a page in JQuery Mobile. I can't figure out what I'm doing wrong. I've tried page.show and still nothing works. here's my code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> <title>App</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css"
Truncated text in header and footer in navbar
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have header html something like following: <div data-role="header" data-position="fixed"> <div data-role="navbar"> <ul> <li> <a class="ui-btn ui-btn-inline ui-icon-phone ui-btn-icon-left" href="../common/notifications.html">Notifications</a> </li> </ul> </div> </div> This hyperlink text 'Notifications' gets truncated on the mobile screen(I observed in chrome emulator). After reviewing css found out that css "display: block;" was causing this
support IE11 in jquery mobile 1.0
Hi All, I have jquery mobile 1.0 on my web site with no possibility to upgrade. I need to implement IE11 support to jquery mobile, I found some documents and forum posts that helped me a bit but I am still not able to bind the MSPointerDown to touchStart, MSPointerMove to touchMove and so on in order for it to work as it should. Does any1 have any knowledge/recommendations? Thanks
jquery mobile 1.4 text-overflow: ellipsis; chrome
Hello, Text on buttons keeps being truncated on chrome with a ... I am assume its text-overflow: ellipsis; or something similar, is there a way of stopping this. I am unable to find a solution. white-space: normal !important; overflow: visible !important; resize: none; etc Cheers Greg
Jquery mobile 1.4 navigation problems and ajax disable problems
The new jQuery mobile navigation is really causing a lot of trouble. Most of the bugs are not visible at all. Have a look at this for example: I have a 3 page structure like this: index.html test.html folder1/page1.html I use this script for navigation: $(".navigate").on("vclick", function(event){ event.preventDefault(); $.mobile.pageContainer.pagecontainer ("change",$(this).attr("id")+".html" ); }); Each page has a link like this: index.html => <a class="navigate" id="test">TEST</a> test.html =>
Best way to process form data created with jQuery Mobile?
Hi all, In advance, I appreciate any help and advice anyone has to offer. I'm currently creating a form that takes basic information e.g. name & email in Dreamweaver using jQuery mobile. The question is, what is the best approach to process the information once a user hits the submit button. I've been told to use Ajax - but can't get to grips with it. Would a normal php file work in this scenario? Sorry if I sound naive, but this is all new to me. Thank you!
How to keep a scoring history?
I have written a small app using jQuery Mobile and Phonegap in which the user is given some text to correct and when he is finished he clicks on a "Get Score" button and is shown in an alert how many answers were correct and how many were incorrect. I would like to improve this so that after being shown the latest results the user is shown his score for today and for previous days. I started by adding a page with a text box and then comparing today's date with the last date used which lis stored
fixed header ipad bug
Hello All! I am working on a command line interface for a custom device. As such JQM seemed like the perfect solution with fixed header and footer panels. While everything seems to work properly on a desktop computer, there is a problem on the ipad. The problem is that the "fixed" header and footer breaks when the content in the main div changes dynamically. The code example provided below will work to reproduce the problem. Type in the textbox in the fixed footer and press enter several times. Repeat
Link Bubble (aka. "mobile browsing done right") for jQuery Mobile?
https://play.google.com/store/apps/details?id=com.linkbubble.playstore https://news.ycombinator.com/item?id=7453897 What do you guys think? Can some of these ideas be transferred to jQuery Mobile or ones jQuery Mobile app, or have I completely misunderstood things? Thanks! Frank
JQuery mobile page height issue with safari
I'm trying to code a simple html page with a JQuery-mobile header and a map (using nokia here map api). I want the map to fit the whole screen, so I tried to compute its height by taking the screen height and then subtracting the header height. After some attempts to get the right size, the result is good on every browser I tried except on Safari for Ipad: with the latter, the map has the right size, but the page can scroll a little if you touch the header and you can see about ten "extra pixels".
Jquery mobile ajax single page navigation throws an exception at xhr.send() in jquery??
Am working on a phonegap for windows 8 application. I took the single page model of Jquery mobile and used the ajax approach for navigation between different pages. Consider I have two page as follows. 1)Page1.html 2)Page2.html On clicking a button with event handler $.mobile.navigate("Page2.html"); on Page1.html.. I navigate to the Page2.html and on clicking another button in page2.html with event handler logic window.history.back(); I go back to Page1.html. But again when I try to navigate by clicking
Google CDN not hosting Images & Icons?
I am doing something silly or does the Google CDN not host the icons and images for Jquery Mobile? Google CDN http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/images/ajax-loader.gif Where the Jquery CDN loads them fine. http://code.jquery.com/mobile/1.4.2/images/ajax-loader.gif
jQuery Mobile - Select Breaks after Submitting Form to self
o.m.g. this is driving me crazy! I've form in place to search available research via a RETS server. This form submits to self using <?php echo $_SERVER['REQUEST_URI']; ?> or <?php echo $_SERVER['PHP_SELF']; ?>. It works, in that the form submits and is processed. The server's returned data is presented, however none of my select boxes work after the form is submitted. I'm using select boxes with data-native-menu=false. After submission, a click on a select box no longer shows the options.(works fine
Jquery Mobile on Android with Phonegap
Hi, i'm new in jquery mobile, i'm develop jquery mobile on android with phonegap. And it couldn't run smooth in android after i embed the script on phone with phonegap/cordova. Anybody knows, the best way to run smooth in android ?. I'm sorry for my english. :) Best Regards, Ryan Msrtin Matrono
CSS Theme Import Failed
I am trying to import the following CSS theme into theme roller so I can update it to the latest 1.4.2 framework. It fails each time with the error, "Invalid theme file. Please import unminified files only with all original CSS comments in place." Anyone know why it fails to import? The code was too long so I had to post it in pastebin. CSS Theme
Slide transition is not stable when face big data set on mobile device
Hello, I use ListView widget of jqm1.42, and add nearly 1000 items to it dynamically via backbone. when I visit this page from former one, I use ajax navigation of jqm. The effect I use 'slide'. The problem is as below: The slide process is not smooth, sometimes I can not see the full slide process, just hang and show next page. During the css annimation, if you do some operation(e.g click a button), it also make the page hang, the response is too slow. On ios7's safari, the 'toPage' will be zoom
Problems with navigation
I'm having trouble with the navigation of my app when loading a page dynamically. On my homepage i have a list of links with anchors linking to top level directories. I have hijacked one of the links with javascript and done some conditional logic that loads a page dynamically. Depending on the logic results this could be a second or third level directory. On first time load of this link the page works fine, however, when I click the JQM back button it takes me to the homepage and all looks well
JQM and php, page internal
Hello, I have a question. I use php, jqm and external page. When i need use link i use : <?php while ($fila = mysql_fetch_array($peticion)) { echo '<li><a href="detalles.php?id='.$fila["term_taxonomy_id"].'" data-transition="none"></li>'; } ?> But, how can I do it only with internal pages?
After navigating from single page to multiple page, Multiple page internal navigation is not working.
Hi, I am using jquery-2.1.0.js and jquery.mobile-1.4.2. I have singlePage.html. On a button click handler, I navigate it to multiplePage.html using following code: $( "body" ).pagecontainer( "change", "multiplePage.html", {dataUrl: "http://localhost:8080/SomeProject/index.html"}); Now In my multiplePage.html when I click on a link having internal references, it does not navigate. Nothing happens. multiplePage.html: <body> <!-- Start of first page: #one --> <div data-role="page" id="one"> <div data-role="header">
How do I get Ajax working with Phonegap?
Hi, I am a designer/front-end developer building a PhoneGap app as my thesis project. I want to use JQM swipe page navigation http://view.jquerymobile.com/master/demos/swipe-page/ but can't get it to work as I get the following error (only showing one example but I get the same for every Ajax-based link on the page): XMLHttpRequest cannot load file:///Users/.../Sites/map-compass/www/tools.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore
Next Page