Jquery Mobile App reading Credit Card Data
Hello, I am looking to see if anyone has any resources on how to extend credit card reading capability to an existing JQuery Mobile application. Are there any plugins and tools out there that support this? I hear that PhoneGap is probably the way to go but I don't know much about how to actually get the card reading done with it either.
jQuery Mobile: Integration With Joomla?
I would like to learn how to integrate jQuery Mobile with Joomla templates. Does anyone have a tutorial or guide me a direction that would give me some pointers? English preferred. Thank you.
back-button in dynamic header wont show
Hey guys, I am trying to load the back button using data-add-back-btn="true" in a dynamic header page with no success. I am loading the html page via jQuery like so (will shorten the codes a bit to show only the header stuff since its the only issue that I have. //js file loadHeader: function (page) { //$(page+" #m_header").load ("header.html"); $.get ("header.html", function (d){ $(page).prepend (d).trigger ("create"); });
how to add 2 panels
Hello I try to create 2 Panels, but I don't know what is the problem can you help me <html lang="ar"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>panel demo</title> <link rel="stylesheet" href="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <script src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <style> .panel-content {
Dynamic collapsible in 1.42
I have added a dynamic collapsible set via jquery load in my content division. The data is loaded correctly and I can show the page with $(':mobile-pagecontainer').pagecontainer('change', '#tablet_frame', { transition: 'slide', changeHash: false, reverse: true, showLoadMsg: true }); where #tablet_frame is the id of the page. Unfortunately the content is not enhanced and the set is not collapsed. I have tried both (where append_tab_data is the place the set was loaded):
HTML5 WebSQL Databases.
Is it Ok to use a HTML5 WebSQL Database in my App and will it be acceptable on submission to the App Store? Thanks.
Field containers don't seem to work for me
I have a form you can see here which includes a label and an input inside a field container: <div data-role="fieldcontain"> <label for="property_value">Property value</label> <input type="number" name="property_value" id="property_value" value="" required /> </div> Have I missed doing something else necessary to get the label and input to appear on the same line? It seems to work okay in Firefox on a PC with a large screen, but on my Galaxy S3 I still see the label and input on separate lines
Dynamic List and Binding.
How can I bind a click event to a dynamic list. I have included a fiddle, http://jsfiddle.net/a4poster/Y3SzW/ What I want to do is when the user clicks on one of the list items generated for an alert box to open like this: http://jsfiddle.net/a4poster/MHUke/ Ignore the styling - this method works fine on older versions. Thanks, A4.
Swiping works on desktop but not on mobile
Hallo, today I started checking my pages on my new mobile (Samsung Ace 3). One problem I encountered was that swiping pages works on my desktop computer but not on my mobile, e. g. on this page: http://www.ulrichbangert.de/orchid/mediaelement/2013-03-25_Pleione_Ueli_Wackernagel_Pearl.php Resizing the images and the video for responsive behaviour works fine, thus javascript seems to be activated. The buttons for paging are also working fine. Any ideas what's the problem and how I can fix it? Best
Linking and embed js file when consist lot of html document in jquery mobile
Hi I am new for Jquery mobile. I need to develop mobile apps which consist lot of screen. There are around 50 html inside my apps. I am facing this problem nw which is hw to linking to each other page? Btw let say i need to embedded cordova.js or custom js file to all pages. So did i need to embedded java-script file to every 50 page's header? It is very time-consuming to restructure my apps for example <head> <meta charset="utf-8"> <title>Smart Realtor</title> <meta name="viewport" content="width=device-width,
Different header for desktop
Hi all, Currently the header looks same for both desktop and mobile view, I would like to have a simple "jQuery" only menus for desktop. And I will have default jQM header for mobile, I will call these different headers using different classes (managing this using device size). Is there a way that I can achieve this? <div class="desktop-header"> //desktop menus goes here </div> <div data-role="header" class="mobile-header"> <a href="#" data-role="button" data-inline="true">Left button</a>
Listview Refresh Not Working.
Hi, I am using JQuery 1.10.2 with JQuery Mobile 1.4.0 but have noticed that list view refresh appears not to work. Can anyone give me and advice? Thanks.
How to do "Remember me" or "keep me logged in"
Hello, I need some propositions to do the "keep me logged in" in my mobile application like "facebook application" or games applications etc.. Share with me the method with details if it's possible.I can do my own solution, but this is very common so i prefer to use the method of the professionals ;) Thank you experts in advance for help and don't forget i'm new to jQuery and i'm trying to develop my first mobile application best regards
jQuery mobile project - looking for developer
My apologies if this is not the proper place for these types of inquiries . . . . But we are looking for a jQuery developer with experience implementing drag/drop functionality on both mobile and desktop. If this is not the right place, is there a place I should post? Thanks!
Has jQuery Mobile Development Stalled?
Just wondering if jQm is still in active development? It's just there has not been a blog update since Feb and generally the jQm site is looking a bit dated and unloved and there are pages in the demo that don't work (eg http://demos.jquerymobile.com/1.4.2/transitions/transitions/)... I have been working on and off on a project that uses jQm as its base and obviously dont want to kick off using effectively dead technology, so I could do with knowing if I need to switch platforms or why nothing seems
dont get current data from DOM... jquery seems to cache ?!
Hello, <script type="text/javascript"> $(document).on("swipeleft", function(){ $.mobile.changePage($(".nextsite").attr( "href" )); }); i come from mootools, but i seem to be blind here. it should be very easy... on swipeleft the page should get the HREF of the link with class "nextsite" and change URL it works fine, ONE TIME... on the loaded site this link with class "nextsite" has a different value now. but when i SWIPE-LEFT, nothing loads, cause jquery wants to load the link from the
Jquery 1.3 not working with blackberry 9780 (Platform 6.5)
When I load jquery-1.9.1 and jquery-mobile-1.3.2 in my application and include other JS for example a simple js having one function which is alerting a message on load of html page. But because of jquery mobile 1.3.2 that js is not getting loaded.
Securing jQM app? login or other options?
What options are there for securing / limiting access to my web app? Right now I have everything behind a login. I have cookies implemented to remember users, but Safari reloads the app from scratch every time I switch apps, even if only for 2 seconds... and I have to relogin every time I go back to the app. The cookies remember the credentials, but it still makes me click "login" and then I have to wait a couple seconds for things to load. Is there a way to keep the session open/awake in safari
Jquery Mobile Lots of linked lists extremely slow to load
Hi, i have a huge linked list in this kind of format. It is extremely slow to load on a HTC incredible S. Also very slow on an ipad. In the realm of 8-10 seconds on both. This is after all the JS/CSS has already loaded. It's blazingly fast on a PC. <ul data-role="listview"> <LI>Tier1 <ul> <li>Tier2 <ul> <li> <a>3</a></li> <li> <a>3</a></li>
Internal multipage links, some work, some don't
<div data-role="page" id="fourexampleone"> <div data-role="header"> <h1> Example: Strings </h1> <div data-role="navbar" data-iconpos="top"> <ul> <li> <a href="#myPanel" data-icon="grid"> Navigation </a> </li> <li> <a href="#pageone" data-icon="home"> Home </a> </li> <li> <a href="#" data-icon="search">
message
How can I show a message after save data y a DB. Like "Your data was corectly save" in the index. Thanks.
icons not displaying after using Themeroller (1.4.2)
My icons are not displaying at all when I am using a theme created in Themeroller. Below is the head content (copied directly from the themeroller page) <link rel="stylesheet" href="themes/wcul_mobile.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" /> Below is the link to the test page I am trying: www.kidespark.com This has happened on another site after creating with 1.4.2, but did not occur with an earlier version of jqm. Thanks
How i can auto refresh list
How i can auto refresh list view when page have finish to load? I have put this code, but only is showed when is push F5 in navigator, and in phone cannot is showed for same reason. Where i have to put my function DataRequest() (where i do call to JSON). My code is in this page http://stackoverflow.com/questions/22883280/how-auto-refresh-list-view-in-load-page
Patterns & Practices when creating a jQM app?
I've been trying to create a webapp with jQuery Mobile 1.4 using only css, html5 and javascript, no other js libraries or serverside code. The documentation is very helpful on how to structure the HTML to get a nice UI but now that I want to make it interactive I'm a bit stuck: I have no idea how I should structure my javascript code. Especially how to integrate the jQM events with my code that keeps the state of the app. Are there any good articles or books that can help me with that? I did find
pagecontainershow event not triggering
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. Earlier with jquery.mobile-1.3.2 I was using 'pageshow' event to work with jChartFX library. Example: $(document).on('pageshow', ".viewChartPage", function() { //some code here }); Now in jquery.mobile-1.4.2, 'pageshow' is deprecated so I changed my code to: $(document).on('pagecontainershow', ".viewChartPage", function() { //some code here }); But Now This code never executes. What may be the issue? It is the same code I just changed
Remove placeholder during validation
Hi all, I am using a validation plugin and it shows the text "This field is required" when the required field is not given. I also have placeholder in some fields and so validation text appears over the placeholder text. So how can I remove the placeholder when validation text appears? Code is simple, I just have to add class="required" in fields wherever that are mandatory, <div data-role="fieldcontain"> <label for="text">Text input:</label> <input name="text" id="text" type="text" class="required">
Panel closes immediately after opening
To whom it may concern, I'm currently trying to create a listview that sets a value in a panel dynamically and opening the panel on click. I want to make it so that on an item click, it first closes the opened panel, sets the value and re-open it again for a visual affect. The problem is the first time the panel opens, everything is fine but on the next list item click (any), the panel opens but then immediately closes. Does anyone know what is happening? This is what I have so far: HTML: <ul data-role="listview">
Page about Transitions on jquery mobile isn't working
http://demos.jquerymobile.com/1.4.2/transitions/transitions/
Check if collapsible("collapse") exists
Hi I am migrating a framework from jQuery Mobile 1.3.2 to 1.4.2. I want to be able to switch between 1.3 and 1.4 in the same framework, so I need to use feature detection. The problem is, I don't know how to check if the collapsible() method supports the collapse/expand values. Is it possible to check this, so I cann differ between 1.3 and 1.4? Here's a bit code what I've done until now to distinguish between 1.3 and 1.4: var coll = $("#" + id); if (typeof(coll.collapsible) === "function") coll.collapsible("expand");
page shows duplicates when back button pressed
Hi , I have a multi page application using jquery mobile ,like page1,page2,page3,page4. Here page3 generates dynamical list which populates on basis of database and when list item is clicked ,it navigates to page4 using "$.mobile.changepage". Until this step everything goes fine,but when i press back button in page4,on page3 listitems are doubled in number and getting added to the existing list. I don't know what to do.Any help regarding this problem for(var i=0;i<result.length;i++){ var li = $('<li/>').html(result[i]+'
Strange icons after switching the directory?
Hey guys First, sorry for my bad english, it´s not my motherlanguage ;) I got a problem with the jQuery mobile icons At the moment I´m programming on a webpage about a work I got to do from school. I decided to do a mobile version for my website. So I created a new subfolder in the root direcotry. In there I started saving the files. Everything worked fine until I wanted to implement some php code in the file. Because this code is linked with a direcotry in another subfolder I got to copy the file
Unloading off-screen content for performance (ie. infinite scrolling)
Hi, At EvilTrout's answer at HackerNews, I came across https://github.com/eviltrout/ember-cloaking which will unload off-screen content while ie. infinite scrolling to boost performance. How'd I go about achieving the same thing with jQuery Mobile? Here is my test app using Rails, jQuery Mobile and jQuery Infinite Scroll Helper: https://github.com/frankie-loves-jesus/proper-infinite-scrolling Thanks!
how to reload a page without noticing the effect using jquery mobile
i want to create a clickable button to reload the page without noticing the reload effect in jquery mobile or is there any way to make refresh occur automatically.... I found this code online , here http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ <script> function refreshPage() { $.mobile.changePage( window.location.href, { allowSamePageTransition : true, transition : 'none', showLoadMsg : false,
List active button color
Hi all, I have a list with links like below, <div data-role="content"> <ul data-role="listview" data-theme="d"> <li><a href="example1.html">First</a></li> <li><a href="example2.html">Second</a></li> <li><a href="example3.html">Third</a></li> </ul> </div> I tried changing the color when I click on it, so I did it on .ui-btn-active, but text color remains white whatsoever. Please help me to change text color. Note: I am using jQM 1.3.2. Thanks in
google map showing blank page in jquery mobile
This google map works when called directly on the browser but displays a blank page when called from another page unless i refreshed it. any help <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <title>Create Id</title>
How to use ASP.NET to trigger a popup dialog and update the back url from the dialog?
I have an ASP.NET webform in C# below. I can use the popup dialog to show the client-side validation message. But how to call the popup dialog to show the server-side validation message from the C# code? Also how to change the back target of the popup dialog to "page2" instead of "page1" from the C# code in a multiple page file? <div data-role="page" id="page1"> <div data-role="header"> <h1>header 1</h1> </div> <div data-role="main" class="ui-content"> <form name="content" method="post"
External panels on Internet Explorer
I noticed that External Panels do not work properly on Internet Explorer 11 (the one that comes with Windows 8). Actually it only works properly for Overlay panels. For Reveal and Push there is a gap between the content and the panel. You may reproduce this problem with the standard demos page. Just open this page using IE 11 and hit Reveal or Push: http://demos.jquerymobile.com/1.4.2/panel-external/ Can you reproduce it?
JQuery Mobile. I have been using $(document).ready(function(){ for a while and I just realized that I shouldn't have been.
So I have been making this app for a while and have been putting all my code in the .ready event but now I realize that I should have been using $(document).bind("pageinit", function(){ because I now cannot call the refresh methods for anything on dynamically created content. (they just return this error in the console: Uncaught TypeError: Object [object Object] has no method 'listview') So when I change the .ready event to the 'pageinit' event the refresh methods no longer return an error. But now
buttonMarkup vs button
buttonMarkup is marked as deprecated from version 1.4 (discussed elsewhere), but the documented equivalent using button("option", ...) does not appear to work. I have four colour buttons and want to move the check mark to the one that's just been clicked (a little odd, but it works fine for users). The following code works: for (var _i = 0; 4 > _i; _i += 1) { if (baseColour === _i) { $(COLOUR_BUTTON_IDS[_i]).buttonMarkup({ icon: 'check', iconpos: 'left'
how to add slide menu
Hi I have a vBulletin forum. I want to add slide menu like facebook. can you help me to make it, please. i found this site http://mmenu.frebsite.nl/, but i don't know how put it in my forum
Next Page