JQuery Mobile Dynamic Listview & JSON API
I am currently using a JSON API to retrieve data and insert it into a Dynamic Listview. However when an item is clicked i would like it to create a new page with more detailed information. Any ideas? // JS CODE $(document).on( 'pagebeforeshow' , '#searchpage' , function (){ var smovie = "" ; $(document).on( "vclick" , "#go" , function () { smovie = $( "#movie" ).val(); if (smovie) {
text link collapsible set
How do create a collapsible set based on the text instead of the entire row?
Remote autocomplete not working on cached page
Hi! I'm using remote autocomplete written on the basis of this example http://demos.jquerymobile.com/1.4.2/listview-autocomplete-remote/ $(document).on("pagecreate", "#main-page", function(){ $("#autocomplete").on("filterablebeforefilter", function(e, data){ var $ul = $(this), $input = $( data.input ), value = $input.val(), html = ""; $ul.html( "" ); if( value && value.length > 2 ){ $ul.html(
Canvas frequently black in Android 5/Lollipop
I have two PhoneGap apps that work across a number of platforms but now fail on Android 5. They use jQuery and jQuery Mobile. A similar bug was reported on StackOverflow (http://stackoverflow.com/questions/29754737/canvas-shown-black-randomly-on-android-5/) and the author there is also using jQuery Mobile. Both of my apps make extensive use of the HTML5 canvas but the canvas element often appears entirely black in Android 5. Transitioning to another page usually fixes this, but updates are also often
How to force check button to loose active state or focus?
Hi I change the background color of a checkbutton in a list element. It works like this: good jsfiddle: https://jsfiddle.net/v1cavyvo/2/ <ul data-role="listview" id="liste" data-inset="true"> <li> <a href="#" id="openExerciseLink74"> <img src='' height="100" width="100"> <h2>ddd</h2> <p><span>Wo: 3 x offen</span> (3 x 3 Wdh)</p> </a> <a onclick="changeColor(this);" id="background74" class="ui-icon-check activeYellow
Dynamic panel menu like demo site
Hi all. Just starting out, noob, etc, etc... I really want to emulate the panel menu show hide as seen on http://demos.jquerymobile.com/1.4.0/ where the panel menu displays on the left when the page is wide enough, then turns into an overlay panel when the page width decreases. Is anyone able to show, or point to, a basic template for this setup?
Web Service Phonegap
hello i have a problem with calling web service with phonegap when i try it on my phone an error display with this message "Network Error Has Occurred please try again"
Approx 2 pixel shift on page transition in JQM 1.4.2
I'm experiencing a 2-3 pixel shift of the page content on the completion of a page transition in jqm 1.4.2. This results in an ugly white 2-3 pixel wide bar at the bottom of the page under my fixed external toolbar/navbar that flickers into view for a fraction of a second. I knew this was an issue in earlier iterations of JQM but thought it had been fixed for 1.4+ I'm seeing this on iPhone 5+ iOS8 on a device but doesn't appear to happen on Android.
Add Pull to refresh event in jquery mobile
Hi i request to add pull to refresh event in jquery mobile becasue if i use third party tool like iscrollz or iscrollview then swipe event stops working you can test this example http://www.kamrat.com/test/iScroll5/iscroll5-pull-test.html and add swipe event to it. An intersting thing is that in safari swipe event works in combination with pull down to refresh ie. (iscrollz or isrollview) but fails in ios simulator and devices
how to load content in to the div dynamically on clicking button with out loosing jqm css
as i tried to load the page i am getting the content but its in natiove html format rather than jqm style
how to let webstorm support jquerymobile?
just like when i type 'dat' it will show me 'data-role'
checkboxes and local storage
I am transferring an app to phonegap that uses checkboxes to bookmark... Cookies won't work and am wondering if there is a jQuery Mobile plug in to keep their state like this one for jQuery: https://github.com/fengyuanchen/formcache Anyone have a different solution? Thanks
Eliminating the 300ms in jquery mobile
i'm trying to elminate the 300ms delay in the app, but finding it hard to do <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery/jquery.js"></script> <link rel="stylesheet" type="text/css" href="jquery/jquery.mobile.icons.min.css"/> <link rel="stylesheet" type="text/css"
Transition in jquery mobile - Scroll issue?
Hi, i have this html5 site, to make an WebApp http://www.noticiasargentinas.com/nuevosite/movil5_mal.php may be is a feature and not an issue, but after the third links of the news list, the transition effect does'nt work. is there anything wrong in the html code? something with the link's scroll position? thank you in advance. Julian
Fixed Header Disappears on Click Within Textbox
Hey, I am using jquery mobile to create an app and I have fixed headers on all pages. I did this by using: <div data-role="header" data-tap-toggle="false" role="banner" data-id="persistent" data-position="fixed"> However, one of my pages have textboxes and when I click within a text box to start typing, the fixed header disappears (i.e. it moves back up). I added the following to my CSS file: .ui-header-fixed { position: fixed !important; } .. but now, that causes a little flicker. As the header
Custom menu does not work inside popup
The context menu does not work when used by a select inserted inside poup. It could be a problem of z-index? http://jsfiddle.net/wcuxS/1345/
How do I keep an audoplayer functioning while user changes "pages"
Looking to implement functionality similar to say spotify or audiomack, where as users can click through various pages while sound-player remains within a sticky footer on top of all other content.
xml httprequest
hi I'm developing an application with phonegap framework [beginner] [Html 5 / css3 / jquery mobile / jquery / javascript] how I can display the content of the xml file in my application using Http Request from xml to ajax to display the contents of the xml file in the jquery mobile
jQuery mobile - Listview "Pull to Refresh" support?
Hey guys, Was just wondering if the listview plugin was ever going to get a built in "pull to refresh" feature? I'm tired of trying to cobble together the behavior using various plugins, only to have the next version of jQM break it. It would be much nicer if there was an event you could just listen for and act on. If support is not planned, if anyone knows of a good solution for 1.4.x and beyond it would be greatly appreciated.
how to print with android device
hi, i need to print on paper a div by clicking. I'm trying with jQuery.print.js plugin. In Windows pc it work but in android device it doesn't work. In android i have installed "ksweb" for simulate a webserver. how i can do this? thanks
jQMobile Swipe on Samsung S5
Hello, swipe event is buggy with default browser installed on my Samsung S5 (Android 5.0) It fires 1/10 times and it seems there's same issue with Firefox Mobile. With Chrome mobile is ok.
data-icon not show
Hi, I'm new with JQuery mobile, a week ago , work with: <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css"> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script> Is that correct? and.............I want to place icons on buttons, but no achievement that JQM show, is just a circle instead of the icon. <div data-role="footer" data-position="fixed" data-id="footer"> <a href="index.html" data-role="button" data-icon="plus">Add</a> <a href="index.html"
Need help with Jquery Mobile
We have an internal site that extensively uses Jquery Mobile. We use it to expose information from our databases to field personnel via PHP connections. It is presently on Jquery 1.64 and Jquery Mobile 1.0 and is using some features from JQuery UI as well. ( I know this is not a great idea). The site works well on the present version but I am having very little success getting it to the latest version. Would anyone know the best way to get a qualified contractor to help me with this. I started to
Help creating an action to view certain url
Hi, Was wondering if someone could help me create an action with this bit of code? There is a range of 5, I would like to redirect to to a specific url when you select 1, 2, 3, 4 or 5. Would appreciate any guidance on this. Thanks. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script
Parse XML via jquery on listview jquerymobile
hello i want load xml data into listview onmy jquery mobile using ajax but don't work here is html <div data-role="page" id="VHC"> <header data-role="header" id="head_home"> <div class="top_head_home"></div><br /> <div class="fot_head_home"></div> </header> <div data-role="navbar"> <ul> <li><a href="#home" data-icon="back">Retour</a></li> <li><a href="#home" data-icon="home">Accueil</a></li>
JQuery Mobile > Html to Html page change White flicker
In phonegap + JQM android application, if there is page change between html page , the second page appear after a white flicker. There is white screen before second page appears. data-transition="none" is used. Html page contains multiple divs having data-role="page" i.e. jQuery mobile multipage structure Is it a defualt behaviour in android webview or there is any solution which can be applied? Any help would be greatful .. Thank you.
Carousel plug-in?
Hi, I wonder if anybody has a recommendation for a good carousel plug-in specifically for jQuery mobile with possibly a working example? I have tried a couple but they don't seem to work very well. Thanks in advance and regards
Calling the destroy method does nothing for slider and control group
I'm following the example with the dynamically injected slider control posted here and I have the HTML code below. Now when I run $("#dynamic-slider-input).slider("destroy") I expect the control to be destroyed, but it's still there. The same happens for the control group control, but not for the flipswitch control. Am I doing something wrong? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css">
Generating jQuery mobile icon from an image
Hi, Is it possible to generate a jQuery mobile icon (normal as well as 2x) from an existing image? Or one must really need to build it using an image editor such Photoshop or any other. Thanks in advance and regards
Dynamically constructing a FlipSwitch in jQuery mobile
I'm looking for a way to build a new FlipSwitch control inside a container: <div id="container"/> If I run $("#container").flipswitch({ onText:"Stay", offText:"Go"}); the HTML that gets generated is: <div class="ui-flipswitch ui-shadow-inset ui-bar-inherit ui-corner-all"> <a class="ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit" href="#"/> <span class="ui-flipswitch-off"/> <div class="ui-flipswitch-input" id="container" tabindex="-1"/> </div> which doesn't contain my onText/offText labels and
Google Maps inside jQuery Mobile
hello i use jquery ui map for integrate a map in my application but i have a problem with my map it takes a small dimension but when i refresh the page it takes the dimension that i fixed in css file befor refresh after refresh
are all jquerymobile phone apps browser based ?
must a jquerymobile app use the phone's browser or can the app be totally independent? if must use the phone's browser, can the app still have an icon on the phone desktop? can the app be logged in continuously, such as to receive order updates or program updates from the main site? thanks
dynamically change flip switch options
I have the following "Flip Toggle Switch"... < select id ="Select1" data-role ="slider" data-theme ="b" data-track-theme ="b" data-mini ="true" > < option value ="no">No</ option > < option value ="yes">Yes</ option > </ select > How can I dynamically change the option's innerText values? For example I want the slider to show "Não" and "Sim". Or, "Non" and "Oui". Based on what language they select. I successfully use jQuery to update the text for each option (not the value attribute). But, the
JQM setting radio programmatically
Howdy - I'm using jQM 1.4.5 & jQ 1.11.1 Essentially i am trying to edit records. One page is a listview of records where clicking on the item takes you to the edit page. This process is done by sending an ajax request to the server to return some json data about the record, then altering the form via JS and then showing the form page. The form is a pretty simple form with a few fieldsets of radio inputs. Each radio input has it's own id. The js takes the data from the json return should then set
Table Column Toggle colspan problem
I have a table enhanced with Column Toggle widget. I need to have some cells merged within the row, but in some rows it can be merged, in some doesn't. See the example with the actuall problem included (turn off either column "Header 1-2" or "Header 5"). The problem turns out during the initialization as the cells in the body are decorated with wrong class " ui-table-priority-#". This way I actually can't make any workaround unless I rewrite the whole widget. Is there any possibility to fix this
Set left-panel open onload my web
Hi everybody, i'm trying set my left panel opened by default(not clicking). Its that possible?
jquery mobile custom icons greyed out
Hi, I've produced a simple set of web pages using custom icons in the footer, see example at * http://lkjh.org/jquery_mobile_issues/maps.html When first loaded the icons appear correctly against a yellow background as expected. However - after browsing between the pages - and in particular after following a link to an external site and returning - the icons become greyed out. I'd appreciate any pointers to what I might be doing wrong. Thanks Kirby Correct Wrong - Greyed out
mobileinit and data-animate="false"
Hi, Is there a way to set data-animate="false" or "true" for a panel (that is used as push sidemenu) in mobileinit? Thanks in advance and regards
popup lightbox dinamic with ajax
Hello , recently I was approached and jquery ajax . I'm making a call to a query from ajax to php . It works and gives me what I need. I did that a select onchange write in html a listview with filtering and simultaneously, in another div where I post the code to open the popup image. unfortunately it does not behave as in the demo: photo lightbox . But if the div with the big picture I put it directly in the html code , it works . Below I post the code : <ul id="articoli" data-role="listview"
Problem on transition
Hi guys, i have this problem... I would like to change page, show the loading icon and when the transition is ended (or the page is ready) hide the loading icon. All works fine if i don't put in pageconteiner {transition: "none"}. Here the code: http://jsfiddle.net/xpnk10g7/1/ I need to set trandition none because some old mobile don't accept transition (flash, blink on transition), so i have discriminate this with device= false. This code now work for transition, but don't work for loading icon...
Next Page