Events Ckeckbox at listview jquery mobile
I need a grid with checkboxs, that can remove, select all, and get each value. in jquery mobile. like this grid: http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem= thanks
Popup from XML data - why won't it work?
Hello All, I have successfully got my Phonegap + Jquery Mobile app pulling and reading data from a xml page on my server. It lists the product photos but I want to be able to have a popup for each image with more information however I just cannot get it to work ... can anyone tell me why this bit won't work? For some reason it lists each image AND the content in the divpop .... simply won't work ... category = 'Cases'; $.ajax({ type: "GET", url: "http://www.myurl.com.au/accessories.xml",
Jquery mobile Swipe event not working with android chrome browser
I am trying to detect swipeleft and swiperight events using jquery mobile. $('#div1').on("swipeleft", function (event) { //some function }); $('#div1').on("swiperight", function (event) { //some function }); This works perfectly on iPad. But when I test it on adnroid chrome, this event get recognized very randomly. It detects this event sometimes and most of the time it is ignored. I have gone through many threads on this, and tried many things like 1. removing e.preventDefault() on touchStart event
Help me all..
i want to ask, how to call another html in jquery mobile in button? i have make the source.. <script type="text/javascript"> function product(){ $.mobile.changePage( "../Product.html", { transition: "pop", reverse: false, changeHash: false }); } </script> this is my btn : <a data-role="button" id="product" onclick="product()" data-transition="slide" href="#page1" data-icon="arrow-r" data-iconpos="left"> car product </a> OR i just use button in only a href <a data-role="button"
Having Trouble Changing the Background to Black
I'm really new to Programming with Jquery Mobile and can't figure out how to change the background to black... I've done it before but for some reason I can't get it to change... Here is what I'm working on... When you click on the Male or Female Button a male or female image appears, I want the background behind the image and the buttons to be black... Also, is there a way to have the male image show before clicking a button? Thanks for the Help you guys are awesome! http://vmt2014.businesscatalyst.com/Gender%20test.html
How to debug Step by Step in Jquery-Mobile + HTML5 + Windows Phone Emulator
Hi, I am using jquery-mobile for creating a mobile app. I am using visual studio 2010 and windows phone emulator to run the application. My question is, how I can found the run time errors in jquery-mobile. Because HTML is displaying on emulator so firebug or other browser tools are useless. Also alert is not working in 1.4.0 version of jquery mobile.
Page loses "ui-page-active" class when popup close button is pressed.
Hi, Been working with JQM for a while now, but I have finally run into an issue that i can not seem to solve though diligent Google searching. So I thought I would signup and ask the experts. I am using internal linked pages that are dynamically cloned from templates, modified, then injected into the html markup. Everything seems to work fine, however, occasionally, when I close any of the popups, the "ui-page-active" is removed from the current page, and nothing is visible (white browser
selectmenu page not closing
hi! currently we are using jqm 1.3.0, but we tried it with the newest stable 1.4.1 as well with the same results. from the api documentation: When it has too many options to show on the device's screen, the framework will automatically create a new dialog-style "page" populated with a standard listview for the options.with internet explorer this works almost every time. but it kills our app when we use it in firefox or chrome. the listview is shown but after selecting an item, the items are cleared
jQuery Mobile for Desktops bad idea?
Is jQuery Mobile just for mobile devices? Can it be used with desktops? Thanks
PROBLEMS WITH LOADING OF INTERFACE
hi friends i developed n app with jquery nd phongap...its working well , but i have a little problem. sometimes when i open the app it shows me plane text ,links ,image but has no jquery mobile interface layout, so i need to use a little network connection to make the interface appear...please does any one have a solution that becase i want my app to be used offline /online?
Jquery Mobile - jQM generated DIVs are cloning on AJAX post return
I have several pages that submit a form via AJAX post in a jQuery Mobile Application (using v1.4), and I cannot get around this problem to save my life. The form is filled out, the user presses button (not submit input, but button), and the following code handles it: $('#edit_admin_btn').click(function() { var valid = $("#edit_admin_user_form").valid(); if(valid){ $.post("admin.php?a=vendors&v=users&x=update" , $("#edit_admin_user_form").serialize(), function(data) {
Panel content disappears after closing
Hi, I´m building a phonegap app and when i close a panel and open it again the content disapears. When i reload the page it´s back and when it isn´t visible i´m still able to touch the buttons so i think the opacity when to 0 or something. I only have this problem on the galaxy note 2, does anyone have a solution for this? Thnx
Upgrading from 1.1.0 to 1.4.0
When we upgraded to 1.4.0 it seemed like every css link was broken, we have a big site is there any quick global fix to this problem? New to Jquery
jQuery Mobile Check box performance in iOS
Hi, I am developing a web app using jQuery mobile. In a page there are some accordions and each accordian consists of list of check boxes. The first check box is a "select all" check box which when selected all the check box in the corresponding accordion are to be selected and if unselected all the check boxes to be unselected. The following is the sample code that I am using: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"
Make a jquerry mobile a native app using phonegap
Hello Im a new jquerry mobile developer, and I'd like know how to make a native app of android using phonegap. I can do it using just jquerry mobile (html, css, js), the problem is when I need data base conexion and I need to use a php or c# language. can somebody tell me how to use data base with jquerry mobile to build a native app with phonegap. Thanks.
disable the swipe event within a container
I am building a HTML5 app using these jquerymobile versions. jquery-1.8.3.min.js jquery.mobile-1.3.0.min.js this app will be running inside a hybrid app container. I am using the one on iOS platform. This container can have multiple hybrid apps inside it. With that said, whenever app is in portrait mode and if you swipe right it usually brings up the menu from the iOS container. But since the swipe event is included in the current jquerymobile version the jquery's event handler gets called and it
jQuery Changelogs
Hi, Is there a place where we can see the individual changelog for all the jQuery projects? Or at least the jQuery Mobile changelog. Thanks so much! ~Red
I am developing with java. I want jsp page which contains 3 tabs and all three tab have same form.
I have page in vb.net like following It moves from one tab to another tab on submit. Now i want to do the same in jsp page which is the best method in java to deal with this.
Need help - Listview + form + autofill j
So I'm trying to develop a simple database setup that accesses a mysql database and populates a listview with the contents. That was no problem so next I added a click feature which brings up a form when you click on an item and puts that items mysql id number in the url after the hash. This is where I'm having worlds of problems. How can I pass that hash value to the next page so I can call a mysql query and auto fill the input fields with data pulled from mysql. Then when I click the "submit"
Multi-page template with MVC
Hi, I have seen the multi-page example at http://demos.jquerymobile.com/1.2.0/docs/pages/page-anatomy.html. The example expects us to repeat the header and footer for every page in the multi-page. I am looking for a way so that the first page contains a "content" section which has a button. When the button in clicked, I need the "content" section to be replaced by another div while the header and footer remains as-is. Is there a way to do this? Thanks, Yash
jquery mobile 1.4.0 - changing buttons with fireworks or alternative?
Hello, I hope my question is not too stupid. I found great tutorials changing the buttons of the jquery mobile standard theme with Fireworks CS6, but it seems only to support the early version of jquery mobile (1.0.1). Is there a possibility to update the Fireworks CS6 jquery mobile plugin to 1.4.0 or is there a nice alternative to Fireworks I can use? It´s about changing some existing buttons and to create new ones. I guess with Themeroller it´s not possible. I would be very glad for some advice.
Can't edit input type=“text” or textarea with jqueryMobile 1.3.2 and Cordova 2.9 in Android Jelly Bean 4.1
Hi, I created a page with a couple of text input fields and a text area. On my Browsers its working fine. On my Android Device running 4.1.1 Jelly Bean with Cordova 2.9.0 and JqueryMobile 1.3.2,I can click the text fields and the keyboard comes up and I can enter the text and with numeric keyboard,if i enters morethan 10 numbers and again i click on another text field the keyboard comes up but when you type nothing shows up in the text field or text area. i have tried this but no use in my case.
jquery mobile fixed footer not at the bottom, on windows Phone 7 and 8
I am converting my app to also run on Windows Phone 7.x and 8 (it is already running on iPhone and Android). I have this issue where the footer does not show at the very bottom but sits a little above the end. As you can see on the Picture her: https://dl.dropbox.com/u/7685276/Footer%20issue.png Can any of you help.. As I say this is not a issue on Android and iPhone. It is jQuery 1.9.1, jQueryMobile 1.3, PhoneGap 2.4. Thanks i advance Kim
Jquerymobile 1.4+ popup too slow
Hi there. My environment are jquerymobile 1.4 and smartphone devices(both iphone5c and gallaxynote 3) The main problem is that reaction time really bad what I desire. As you know I can place a form inside my popup. However when it opens, focus will be moved to textarea inside the popup, Device reaction time is really bad both iPhone5S and gallaxyNote3. It's terrible OS reaction so far have been terrible. How can I resolve this? Here is my code below: <a href="#popupLogin" data-rel="popup" data-position-to="window"
Defind getScript method
Hello, i have a personal jQuery file, and i need to add in it the definition of getScript() method to use it to load js files, i try this code : this.getScript= function (a, c) { return get(a, b, c, "script") } ??
Number of fingers during swiping and pinch in/pinch out gestures
Hi, I would like to know what is the best way to determinate "swiped left/right with two fingers" gesture and "pinched in/out like in native browser" gesture. I tried to use libraries like jGesture, hammerJS,touchSwipe etc. but it seems they are in conflict with JQM implementation of events. I tried to build my version of JQM without advanced touch events, but then I missed init functionality (which is crucial to me). Which way I should go in this situation? Michael
Remove border from checkbox
Any idea how to remove border (and background) of checkbox? I tried $('#abc').removeClass('ui-corner-all'); without success :( Thx, Renaud http://liveweave.com/Py35KP
Bug with search input in panels on Safari Mac
With version 1.4.1 a new bug happens with Safari Mac (Mavericks). When I use a search input field in a right position overlay panel, the panel width is doubled from what it should be. The bug can be seen in the jQueryMobile Demo page: http://demos.jquerymobile.com/1.4.1/ Click on the top/right search icon and you'll see the right panel display with a doubled width. With Firefox the panel width is normal but the overlay animation is not good: the main page first scrolls with the panel, then comes
Code for adding loading bar in app
I am using jquery mobile to build mobile app and use Phonegap build to convert into .apk file.My app have button which redirect user to web page.i using phonegap plugin inappbrowser to display webpage.Problem is webpage not shown until it fully loaded in browser.for fast internet connection it look smooth but for slow internet connection it looks app is hang for while.My question is how i add loading bar in app. so loading bar is appear and web page loading take place at its back
1.4.0 Panel Responsive demo not working?
The demo found here http://demos.jquerymobile.com/1.4.0/panel-responsive/ Does not show or hide the menu based upon the window\viewport width, am I missing something isn't that the idea of a responsive panel? I tried it in chrome and ie 10, nothing responsive about it unless I'm totally missunderstaning this, what I want is what the main http://demos.jquerymobile.com/ page does with its left panel (this works) as I resize the window the panel shows or hides. Any help appreciated.
Jquery trigger create too slow
Hae, am new to this forum and i have a pressing and urgent killer question to my career. So don't mind if i will go against any of the stipulated rules of the game in this forum for now. Am using $('#id').trigger('create'); to create controls dynamically. The controls are appended on a html table which is inside a div. So am generating controls dynamically in rows which can go upto several hundreds of rows and tens of columns. Is there an alternative to $('#id').trigger('create'); Am using it because
Random page load
Hey guys. I am a noob at coding and basically rely on understanding the basic purpose of a code from demo's and try to take an advantage out of it. I am trying to create a web-app that will have a few hundred pages. All hard coded but with same template so its not a hassle. I've tried using CMS but it has been disastrous so far. On my problem, my apps main page is going to have a 'Random' button which will load up a pop-up. In that popup there will be a message displaying, "You are about to be redirected
Assigning 2 Images to 2 Radio Buttons
I'm VERY NEW to PROGRAMMING...Can someone give me an example of using a 2 radio buttons to pull up 2 images? I have a Male and Female Radio button and I want to connect the Male button to the Male image and the Female button to the female image... Thanks guys! :-)
jquery mobile with node.js
jquery mobile with node.js please give some pointers.
Change Panel from data-display reveal to overlay , programmatically
Hello, I would like to have a left panel in a small application I am creating but I was hoping it would be somewhat responsive. I would like it to be a data-display ='overlay' for mobile screens and data-display='reveal' for desktop browsers. Is there anyway I can handle this using CSS or Javascript. I did some test but could not find an answer.. sample (that did not work) <!DOCTYPE html> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1">
JQuery Mobile - Run load () html and navigate () immediately afterwards
I'm implementing a small application using jQuery Mobile where I have a login screen that gives access to a home with menus that lead to a few pages. My question is how can I dynamically load the pages only when I click on the menu. I tried to do something like $('#home').load('home.html'); $.mobile.navigate("#home"); but despite the effect of the load carrying navigate does not work, or does not redirect to the page. Can anyone give me a hint how to do this?
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example: http://jsfiddle.net/WahKu/ Originally posted on: https://forum.jquery.com/topic/use-bsmselect-with-jquery-mobile-1-4
jquery mobile - why is popup overlay causing panel to open automatically
I am building a phonegap web app with jquery mobile. There are left and right panels in the home page.When i use data-overlay-theme in <div data-role="popup"></div> , and when the popup opens by clicking on an anchor tag , the left panel opens automatically. This behavior is not seen when i don't apply data-overlay-theme on the popup div. Thank you.
Passing parameters through URL w/ PhoneGap/Cordova 3.0
Haven't had much help on SO, hoping someone here may recognize the problem! I am in the process of updating my PhoneGap app up to 3.0 from 2.0 (I know, it's been a long time). I have gotten some saying what I have working in 2.0 is not possible in 3.0 but I wanted to ask this to see if anyone has success with it since I feel it should be no different. Basic concept, I have a JQM list of projects - the project_id is appended to the link tag as the list is created. When a user clicks on a certain
Visustin - flow chart visualisation tool for javascript
There is a great tool for making out what is going on in complex code in a form of a flow chart. I found it very informative to take a look at the code in this way, especially given that it was achieved in a matter of seconds. Does anyone know of a free alternative for this program? http://www.aivosto.com/visustin.html
Next Page