Issue with enhanceWithin() twice on same #page
Hey guys, i got some wierd issue going on with jquery mobile + handle bars. I will try to describe my issues deeply: im i have a page with alot of divs , each div has his own data-role page and unique id, when my app is loading i use handlebars template engine to load data inside, once the data is is i using $('#mypage').enhanceWithin(); to initialize the componenets inside. now when i first enter a new page for eample #mypage1 and do t all work fine, i switch to other page #mypage2 still all fine,
Correct usage for navbar (page refresh?)
Hello! I made a PHP Application according to a tutorial. As you can see in the code below, have a page, dialog and two content DIVs. I noticed, that the navbar is highlighted when not doing a navigation with a link target. From now it looks like that the page refreshes every time i press a button and the button itself looses the focus after clicking an navigation link. When i open a popup (like in the code below) it is like i open a complete new page. Is it possible to show popups without loading
Problem with encodeURIcomponent after android/gmail update
Hello: I have a small web app that collects info and then fires my android phones mail client. It fills in the subject and until recently fills in the body of an email. I then manually send the email. This app has been working up until I updated my phone from kitkat (os) to lollipop. At the same time I think I updated gmail. The subject still comes through but the body of the email does not get filled in. Here is the relevant jquery: $(document).on("click", "#sendEmail",function(){ $(location).attr('href',
Listview - how to pass and read parameter ?
Hello I'm new to jquery mobile. I have the following construct: <!-- Block 1--> <div data-role="page" id="bedarf"> <div data-theme="b" data-role="header" data-position="fixed"> <a data-role="button" data-inline="true" data-rel="back" href="#" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Zurück</a> <h3>Bedarfsanfragen</h3> </div> <div data-role="content"> <ul id="listbedarf" data-role="listview"
Jquery mobile page disappear after image displayed with css
Hi, i'm new in jquery mobile, but i allready like it ! I'm trying to use the file transfer with Jquery mobile and cordova on android, i use this tutorial to practice: http://blog.revivalx.com/2014/05/03/tutorial-camera-cordova-plugin-for-ios-and-android/ After selecting the picture, this function is call on success: function onPhotoDataSuccess(imageURI) { navigator.notification.alert("onPhotoDataSuccess Image URI: "+imageURI, function() {}); var cameraImage = document.getElementById('image'); cameraImage.style.display
jQuery Script for mobile devices to drag drop and create/clone object which can resize and rotate.
I need an example to create clone object in mobile device using drag and drop. later user can resize that object or can rotate it. Is there any example which works on mobile devices? I specially need for object cloning, because I have some example for drag , drop and resize the object or image. Please provide the solution or any hint which will help me. I need the help asap.
Using comma as decimal separator
Hi, I have a multilingual tablet application using jqm 1.3.2 as UI framework. How can I use comma as decimal separator for <input type="number"/> Thank you Alex
problem with calling dialog('close') on a button within the dialog
Hello, I have a dialog with an anchor tag inside of it that I want to use to run some jquery when the user clicks on it. Specifically, I want to close the dialog and show a popup for a few seconds letting the user know that their password was reset. The dialog looks like this: <div data-role="page" data-dialog="true" id="page-reset-password"> ***content here*** <a href="#" id="btn-reset-password" class="ui=btn">Reset Password</a> </div> I can't seem to figure out the correct event
Availability Google CDN JQM 1.4.5
When will JQM v1.4.5 be available on Google CDN? https://developers.google.com/speed/libraries/devguide#jquery-mobile -- and/or the Microsoft CDN?
Creating a responsive app with scrollbars for all viewports
How are folks here using jQuery Mobile to gain a consistent look & feel for scrollable containers to look exactly the same across all devices and browsers? Thus far, I tried the Nicescroll jQuery plugin. And used the code for a responsive app here . Have a look and tell me if a) I am using the right tool and b) this is the expected professional approach. Thanks in advance.
Sencha Touch or jQuery Mobile?
I wonder if I were to develop a mobile Web app (now, in two weeks, or in a month), which one should I go for? Which one would you mobile Web developers go for? If jQM 1.0 were officially released today, I would most likely embrace it (as long as it actually delivers what it promises). Now that it is in alpha, I wonder whether it is worth to jump into it yet for a commercial grade project? Would Sencha Touch be a better alternative?
How can I Make jQM layouts more flexible and reflow page content?
Okay, I am new to this forum and using jQuery Mobile. I have a number of queries but right now I am looking for help with two issues. How To Make jQM layouts more flexible. I refer to making jQM apps more responsive. The issues I notice are on large screens, list views okay on phones but not scaling to bigger screen widths. On that, another query. How to reflow page content? I mean use multiple columns on large screens. Hope I make sense. So they stack one below the other on smaller screens. Any
Jquery/ColdFusion Developer Required
I have a site that is developed in Coldfusion 8, it's almost complete and will soon be ready to be updated with Jquery Mobile. I'm wondering if there is anybody in here that considers themselves to be an expert in both ColdFusion AND Jquery Mobile that would be in a position to assist in the adaptation of the JQM. The CF will all be functioning, so there's no need need to write any logic etc, but you must have a CF background to understand what is happening, where and when.
Implementation of: Panel only and content only scroll (with fixed header)
I've implemented panel only and content only scroll, tested on android & iOS (Chrome & Safari browsers) optimized for reveal and push effects body { overflow: hidden; } .ui-panel { top: -1px; } .ui-panel .ui-panel-inner, .ui-panel-wrapper .ui-content { overflow-y: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 1px; -webkit-overflow-scrolling: touch; } .ui-panel-dismiss-open, .ui-panel-page-content-open .ui-content
Text box and Button Inline in jquerymobile
Hi, Can we place textbox and button inline in jquery? Please help
Text overflow ellipsis not working
See http://jsfiddle.net/L5hy4c4x/ When the Results pane is resized to make it narrower, the XXX line bleeds into the amount field right above it. The JQM styling around this is set to text-overflow:ellipsis and it works fine in the JQM demo. What am I doing wrong? Thanks
Default system date & time in form fields
This might have been asked before but I didn't find anything in the forum search. When a jquery mobile form is opened with a date and time field in it, I need the fields values to immediately have the default current system date and time, still with the option for user to change the value (ie. date and time box). How do I achieve this in JQM?
Is it ok if you not to use: class="ui-content" in listview
Is it ok if you not to use ui-content for your listview ? : The usual way: <div data-role="page" id="index"> <div data-role="header"> </div> <div role="main" class="ui-content"> <ul data-role="listview"> <!-- listview content --> </ul> </div> <div data-role="footer"> <h4>Footer</h4> </div> </div> What i'm using: <div data-role="page" id="index"> <div data-role="header"> </div> <ul data-role="listview"> <!-- listview content --> </ul> <div data-role="footer"> <h4>Footer</h4> </div> </div> Is it ok
jquery mobile listview with JSON
Hi all, I am planning to get posts from my wordpress site using JSON.. and the posts going to grow each day. my question here is it possible to get the posts as a listview even with large number of items lets say over 1000 items with no crash! If not, then what is the best layout solution to list the posts. note that the posts appears as a title and when click slide a new page with post description. Thanks,
mobile website evaluations
Hello, I'm trying to get more into mobile website design and dev. I'm looking for a website where I can post references to different mobile websites to get reviews, feedback, critique, implementation insight, etc. Basically, I'm trying to form an opinion on the pros and cons of different approaches and determine the best overall approach to use. Are there any websites/forums you could recommend for this?
How to submit a form using multiple buttons from different page(i.e not from first page) in Jquery Mobile?
I am newbie to JQuery mobile. Can anyone help me to find out a solution for my problem. Problem is: I am not putting every page as div in first page. I am using login page in my first page then it will redirect to different jsp page using spring mvc and will show the return. If we checked in source code using browser then login page div is present and the newly redirected page also present. In this new page I have three button say button1,button2 and button3 inside a form. These buttons should do
Jquery mobile and using multiple forms...
Hi All, I'm new to jquery mobile. I have a jquery mobile project that i am working on. my dilemma is that i have 2 forms on different pages. These forms have different input information. its treating both forms as one or not recognizing the second form. I've given them different id attributes. Any help would be greatly appreciated.
Need a help for widget event
Need help. I have created widget sample using jQuery Mobile. I need to create an event for the widget. The widget has a Select option and I need to create a change event for the widget (outside of widget). Could you please help me the code is available in http://plnkr.co/edit/Y6A18kSuxrCQLZFxRxDA?p=preview
Swipe only works after mouse click
I have a site at http://shimmybicesterdev.carnegosystems.net/pages/you_and_your_home/intro/ You can swipe left and right to get to the other pages. The trouble is the swipe is very inconsistent. I have tested on Chrome, and firefox on the desktop and android tablets. After every couple of swipes the next swipe fails. I have noticed that it seems to be OK at least on the desktop If the user first clicks the mouse button on the text area of the page and then swipes. To see the issue start swiping left
Keyboard obscures form submit button. What to do?
The last field of my JQueryMobile app form is a text field. On Android Chrome the keyboard comes up and I can enter text, but there is no easy way to dismiss the keyboard in order to see the submit button. The best I can do is go back up the form and touch away from an input field and then scroll down again to find the button. On IOS there is a [done] button that dismisses the keyboard. Is there a programmatic way to make the keyboard disappear?
Plus or Minus like a SPIN
Hello, I have two simple fields that can be 0 to 4. I need something that is much easier for the user to Increase/Decrease. Right now, there is a movable slider -- which is awkward. I only need 1 through 4 or 0 through 4. I want to have: [-] 1 [+] And the user just presses - or + and the field changes. This seems pretty standard but I see now jQuery MOBILE control to do this. Can you please add that to an update. Please.
Fixed footer with dynamic listview problem
Hi there, I have a listview on my page that I fill with data on the 'pagebeforecreate' event. I also have a fixed footer on the page. The problem is the footer gets pushed down and scrolls with the page when the page is done loading. The footer stays fixed to the bottom on all other pages that have dynamic data that is not a listview. So it just seems like its only the listview that is messing with the footer. If there are only a couple items in the listview the footer behaves as expected. Any
Convert octet-stream to string or array
Hello, first timer here. I am actually using Devextreme to develop a mobile app which is connected to a RESTful service. The service sends the appropriate data as an octet-stream. I need to convert this stream into an array or object of some sorts so that I can use the data that was sent and display the correct result in my app. This is my db.js file : (function ($, DX) { var dbImpl = { url: 'http://master/umbrellamobileservice/product/04', _sendRequest: function (type, params)
Buggy header/footer fixed position when virtual keyboard is on/off in iOS Phonegap Application
Hi, I am trying to fix the fix the header and footer docked at top and bottom respectively for an ios phonegap application using jQuery Mobile 1.4.5 and jQuery 2.1.1., but it stucks somewhere in the middle of screen while i try to edit some value in input type text/number in my data-role="main" i.e ui-content. I was using jquery mobile to build and important application for an client which is to be delivered soon and also to be posted on app store. Please help me out if there is any fix which can
cursor not focus text box in mobile browser.
I has a page with few text box inside the section and div. When page load, i need it focus on the first text box. I try it in safari browser in desktop, it is work but it not work in iphone mobile browser. i using ("#id").focus(), i cant see the cursor and the virtual keyboard not appear. Below is my html tag. <section id="container" data-role="page" class="type-index"> <div class="content-login content" id="cont"> <form action="#" method="get" accept-charset="utf-8" class="form-1
Dynamically created hidden form fields
I'm not even sure this can be done, and i have wrecked my brain trying to find an answer. I have a form, in that form I have a button "Meter" that opens up a dialog, when the dialog opens it displays a select menu that asks how many meters?...depending on what the user picks it creates that amount of text inputs, let's say they pick 2, it creates 2 text inputs, that is not a problem, i loop thru the number and create the inputs and name them meternumber0, meternumber1 and so on depending on their
popup not closing
Hi I have a popup defined in one page and I have links generated to show in an iframe that show in this popup. I did this by calling $(id).popup("open") The problem is when I try to close the popup you have to do so more than once. (Open the same popup more than once) The iframe seems to close first. I have an example here http://jsfiddle.net/rvrLfxxj/2/ Not sure what's going on. Thanks
show and hide
Hi T he input text box has a placeholder value and is inline with the select dropdown. When i click on the select dropdown - and "inputone" is the selected option - input text box is there. Click on “optiontwo” and “optiontwo” is selected and then click AGAIN and “inputone” is hidden. Then wh en i click on "inputone" the input text box won't show. < script > $ ( document ) .on ( "pagecreate" , "#pageone", function () { // Click on the select dropdown and the input text box is there
Access element common to each page in Dom
I'm sure someone will know this. But this keeps biting me not being too experience with jquery.mobile. Lets say I have a site with 5 pages each generated from a base template that has a <div> in it. I transition from one page to the next my swiping. So each page has a div like <div id="mydiv" class="specialdiv"> </div> If I understand correctly I will have five mydiv's in the dom when all the pages load. I want to do something like change the content of this div on page show or create events. How
printing a page with a columntoggle table
Hello all, i have a problem with a table with data-mode = "columntoggle". T he problem is that when i print the page from the browser the table is invisible. If i switch the table in data-mode="reflow" become printed correctly. Is it a sort of bug of i'm making some mistakes? thanx in advance Denis
Loading dialog position
Hello all, I am testing new mobile app project and fetching data from the server by getJSON(); and the list take some time to be loaded. what i want is loading dialog to appear in the center of the list container. I tried $.mobile.loading but it appears in the middle of the page not inside the list container ! here is my code <body> <div id="home-page" data-role="page"> <div id="home-header" data-role="header"> <h1><i class="icon-home"></i> Header</h1>
Mini slider overlaps input field and mini anchor button is shorter too.
Hello all, with jQuery Mobile 1.4.5 the Mini slider track overlaps the input field, see slider demo To fix change jquery.mobile-1.4.5.css as follows: .ui-slider-track.ui-mini { height: 12px; top: 8px; margin: 0px 15px 0px 68px; /* add this line to file */ } There is also an issue with the mini anchor button being slightly shorter than other buttons but I haven't had the time to figure that one out. Regards, Denes.
Jquery Mobile ready functio json call does not load data on page navigation.
Hi, I have set of three pages, between which i navigate using <nav> <div data-role="navbar" style="width:70%;margin:auto;margin-top:10%;"> <ul> <li><a href="tag.html" data-transition="slide" data-direction="reverse" data-icon="edit" ></a></li> <li><a href="buzz.html" class="ui-btn-active ui-state-persist" data-icon="bullets" data-iconpos="notext"></a></li> <li><a href="trend.html" data-transition="slide" data-icon="star" data-iconpos="notext" ></a></li>
Bug? JS breaks after redirect, works after page refresh [EXAMPLES]
Hello, I have been working on an issue for a while now, and haven't found an answer. Please forgive me if I post something wrong! I have a test login page you can see at: http://acfullerwireless.net/login_test.html (No username or password required) This will redirect you to a test control panel page when you press the button. I've emptied out everything that's unnecessary to see the issue. The problem: After redirect, JavaScript and jQuery will not run until you refresh the page. I found something
jquery mobile lazy load with JSON
Hope someone can help me, I am working on my first jquery mobile app. I am still new on this, I have one index page which includes three data role pages(get category, get posts, get posts content). and using getJSON() to fetch the data from my wordpress website. my problem is the delay of the listview. page appears empty for about 5 seconds then the lists appears in one time. I want the list appears one by one. not waiting for the all list to complete. also I want to know how to do lazy loading for
Next Page