How to add a AJAX Language Dropdown that reloads the current page?
I'm trying to write a language dropdown select into my header of my JQM apps. The language is handled by the server side coding (PHP/SQL); data, stored, etc. The server side part works perfectly, but I can not figure out how to handle the ajax events and the existing bindings on the current page. I'm seeing multiple events firing off after I select the language more than once. I think it's due to the use of the "pagecreate" which I use when loading the page. Here's the index pages 'pagecreate' (trimmed
Upgrade to v1.4.*: Proper use of pagecontainer's change method.
Quick Upgrade Question: Is this the proper change to pagecontainer's change method from $.mobile.navigate()? Old: $.mobile.navigate(self.settings.base_url + response.controller + '/' + response.method); New $(":mobile-pagecontainer").pagecontainer('change', self.settings.base_url + response.controller + '/' + response.method, {allowSamePageTransition: true, showLoadMsg: true, reload: true} );
Listview widget - Collapsible dividers
JQM 1.4.4 How can I make the dividers on a listview widget collapsible? I see lots of hacks like http://jqmtricks.wordpress.com/2014/05/02/make-listview-dividers-collapsible/ Is that the best way? Is there a more "out of the box" way to do this with markup and JQM features? Thanks
Responsive listview grid - Disable Ajax
I use the responsive grid widget in my app and as I navigate the pages, many times I find that the page displays in a narrow form-factor in spite of being on an iPad. Tapping the Refresh button on the Safari URL bar fixes the issue (changes listview to tiles). I am thinking the media queries that implement the responsive views are getting confused as various pages are getting loaded/unloaded from the DOM. Is there a way to globally disable AJAX so that pages are loaded like on a desktop browser and
how to keep the same height of the header
Hi ! I would like to keep the height of the header in desktop mode and mobile mode. - When I am enlarging the size of my browser, the header image becomes higher. - And when I am reducing the size of my browser, the header image becomes thin.. I prefer this presentation and I would like to keep this small height... Did you get what I said ? lol Thank you very much for your help guys...
Calling function by closing popup
Hello, I make a popup in jQuerymobile with <div data-role="popup" id="pop_'.$row_artikel['ArtikelNr'].'" data-theme="a" data-overlay-theme="b" class="ui-content" style="max-width:340px; padding-bottom:2em;"> <h3>Artikel in den Warenkorb legen?</h3> <p><strong>CD Player</strong></p> <p>Sie können den Artikel später noch aus dem Warenkorb löschen. Die Bestandsprüfung findet es im nächsten Schritt statt.</p> <a href="#" name="artikel_999" class="ui-shadow ui-btn ui-corner-all
Jquery mobile detecting mouseover while mousedown.
Hi, I'm new to the forum. I'm trying to develop a kind of ruzzle with html. I'm making it with divs and I can easily detect movement among the "table" using mouse. When mouse is down on the first element, the element(div) is selected. Keeping mouse down and going over an other div, the second div is selected too. In this way, swiping through divs and selecting them I can compose a sequence of divs. This is ok with normal browser and normal mouse events. I tried to port everything with jquerymobile:
Select menu on a popup bug on Android 4.0.3 browser
Hi, I have a Samsung Galaxy S2 running Android 4.0.3. I've created a mobile web widget and am using JQuery mobile. On this widget, when a button is pressed, a jquery mobile pop-up pops up. On this pop up, I have a select menu and a button. When I change the select menu option and click the button, the select menu opens again. I have to choose the option from the select menu again and choose done on the menu before being able to click the button. This only happens on the default browser that comes
Listview - Persistent search
Regarding the Search in jQuery Mobile listview widget...say you do a search, get results and click on the listview to go to another page. When you click Back on the page to get back to the listview, the listview widget forgets the search and shows the entire unfiltered list. How can I make the listview remember the search field and results?
It's been a week now, can we get a 1.4.4 changelog?
as fo this morning (Sept 19th) the change log for version 1.4.4 is still completely blank we need to know what is deprecated, changed and/or removed !! http://jquerymobile.com/changelog/1.4.4/
jqm doesn't work on iOs (iphone 4 not S) with chrome browser
Hi, I've built a nice site with jQuery mobile latest version (1.1.1), which works pretty well on most OSs and Browsers (listed below). But on iOs on iphone 4 via Chrome browser it just doesn't work, specifically: - when I have the data-role="page" div when the page loads and gets to this line it gets stuck - just loading and loading... - if I remove the data-role="page" from the div and just leave it as it is (as listed in the docs it's not mandatory), or if I rename the data-role to "page1" or anything
Thumbnail on Listview
How can I show image/thumbnail in a jQuery Mobile listview widget but only an iPhone, not on an iPad? Is it as simple as putting some magic CSS class or data- attribute or does it involve media queries and such? Thanks
Slider min-max-val changes erratic function
When i change the min, max and val attributes with jquery somethings fails, because the value picker goes to the last or the first value, and not to the desired value: Full and interactive code pasted on http://pastebin.com/MDdH94zV I have no idea to how to fix it; i tried with refresh, putting 0 and 10000 like min and max before puting the value and restict the range again changing min and max and have not the desired result (a natural exchange between ranges and values under this easy and simple
Hide fixed footer on scroll
Hi there, Im trying to hide the fixed footer when scrolling down the page, and again re appear when back to top or on tap. I can't seem to find a solution or any posts regarding this issue. Can anyone help please?
Multiple Select Option and How to Select and Unselect All
On a form submission, I have this piece of code: <select name="searchEventCategory" id="searchEventCategory" data-native-menu="false" multiple="" tabindex="-1" selectedindex="0"> <option selected="selected" value="ALL">All Categories</option> <option value="Art Exhibits">Art Exhibits</option> <option value="Camping">Camping</option> <option value="Carnival/Festival">Carnival/Festival</option> <option value="Community Meetings">Community Meetings</option> ...etc... </select> It may
iPhone popup scroll to top
Hi everyone, I've noticed a weird behavior using jQM 1.3.2 and jQuery 1.9.1 + popups on iPhone devices with multi-page architecture. Using single page mode that doesn't happen. Right after click in the jQM popup's close button, the page behind it scroll to the top, then scroll back to it's original position and then the popup closes. It fires so fast that looks like a flickering, but it's not. This behavior can be seen here: http://easytef.com/mobile/newAccount.html#accountPage On a iPhone device,
Help with JQuery 1.11 and JQM
Hello, We simply have this one little piece of code: <!-- jQuery Mobile --> <script src="include/jquery-1.8.1.min.js"></script> <script type='text/javascript'> $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); </script> And we don't use jquery for anything except that - and we use Classic ASP, so I guess we need the above code. 1. Should I have to upgrade my JQuery 1.8.1 to 1.11.1 to be safe to use latest and greatest? 2. Does JQM have anything in it so I don't have
Strange behaviour back button and $.mobile.changePage
We are quite new with JQuery mobile and managed to do multiple pages in single HTML working well. In our browse.html page we have pages for practice-list-page practiceitem-list-page practiceitem-detail-page The page flow between one page is working well. But then after few back and forth between pages (either through back button or click on listview then redirect $.mobile.changePage, page flow has a strange behaviour ie. practiceitem-detail-page page twice. It seem like remembering the history of
Jquery Mobile - Lost POST data on refresh?
I am trying to figure out why my pages lose POST data when refreshed. I have some very simple code setup here to demo: http://www.fuchsiawild.com/mobile/test.php If I remove the jQuery mobile library, it will allow me to re POST the data when refreshing test2.php. With it in there the data is always lost. What is up?
Popup Form Issue
Hello! I was looking through previous forum posts about this topic but couldn't find anything that really helped me, so here we go. I'm brand new to programming, and especially new to jQuery mobile. Upon the click of a button, I open a popup that contains a form. I type in a word, click submit, and it appends this word to a list displayed on the same page. The problem is this... I add TWO separate words (two different submits), and then the page refreshes and the words are gone (haven't gotten to
Call function multiple times on click to make subsequent collapsible full screen
I am new to jquery mobile and programming in general. I have spent hours trying to figure out how to make my "two" nested collapsible full screen when clicked like "one" without having to give it a separate ID and javascript. I tried unsuccessfully to call the function for #foo to run with each click for separated nested collapsibles. ALSO, I have added functionally to scroll expanded collapsible to top of screen. However, this only works for the 1st button. How do I hide other collapsibles within
button jquery
hello, am new of this forum.i made source with phonegap and work,but i try to make button to execute in jbuild not have idea to do, can help me to make button on click for execute script....thanks <a data-role="button" id="button3" data-theme="e" data-inline="true">button</a> function radio() { playAudio("http://mp3.kataweb.it:8000/RadioDeejay"); } // Audio player // var my_media = null; var mediaTimer = null; // Play audio //
Close active panel on navigating backwards
The code below is used to close active panel when navigating backwards in history (browser's back button, data-rel="back", $.mobile.back(), etc.) and cancels navigation. The code works as it should except for one issue that it clears "forward" history. var newUrl; $(window).on("hashchange", function (e) { newUrl = e.originalEvent.newURL; }).on("popstate", function (e) { var direction = e.historyState.direction == "back" ? true : false, activePanel = $(".ui-panel-open").length > 0
page transition and add elements in asp.net
Hi, I'm using document.ready on a asp.net masterpage for adding some menu elements (dynamically because it's depend of user group's and via ajax function), it's working well. I would like to use page ajax transition... After reading a lot of post i use pagecreate event. This event it's well firing and run my menu-loader function whitout any error... But nothing it's added in my menu container... If anyone have any ideas.... Thanks at all
problem with screen size
Hi I have 2 templates. one of them working well with all browsers "swiper5" . the other one not working well with mobile " swiper7" . can you help me please to solve problem. I'll attach both folder. thanks & Regards www.55055032.com/swiper7.zip www.55055032.com/swiper5.zip
Jquery Mobile, iOS 8 PhoneGap issue
All i am not sure if this is a Jquery Mobile issue, or PhoneGap issue but if you create a PhoneGap project and only support Landscape and use Jquery Mobile, then run in the simulator or device with iOS 8 the screen displayed is chopped up into 3 sections. However if you rerun the project and select iOS 7 simulator everything is displayed correctly. I also noticed if you select Portrait and landscape and it comes up portrait it is fine. What is funny is if you keep rotating the screen until you
Invisible checkmark inside a checkbox
Hi, I'm using 1.4.2. Just trying to use a standard checkbox but check is not visible in the checked state. Any help is appreciated. https://github.com/gary-harpaz/PhonegapJQMAngTemplate.git Thanks, Gary
JQueryMobile -Android Hybrid App : JQueryMobile ajax is not working with https but works with http
We have a hybrid android app based on JQueryMobile [with all JS/CSS/HTML packaged inside APK]. This app is able to fetch json data from server [with RESTful interface] using JQM ajax call [for http url] however when we are trying to do the same thing using https it fails. Another bit is: We have used bouncycastle based certificate to enable TLS [on server] which is working fine with native android calls [using java]. Now we are confused as to why it is working with http however not with https. Any
Creating extra space at "Table filter"
When I am creating a table, using the Table filter (http://demos.jquerymobile.com/1.4.3/filterable/) Its creating extra space at the top of table. I am using 1.4.3 demo code. is this a bug? Here is a simple searchable table http://stockbangladesh.mobi/demo/newmobi/pages/table_jm.php
problems of typo input search
hi got a search input type but I have a problem, when I reload my page I superimposed various input in the same position of different sizes could someone please help me !!
Formating listview text and <li>-Tag
Hello everybody!!! I recently get up to work with the jquery mobile framework and I am really impressed about the possibilities and all the stuff. For practicing I started to build some example pages to get to know all the prospects of JQM. Here is a demo of my recent project, kind of a news list. I designed a theme with the themeroller and I am quite satisfied with the result BUT: - How can I enlarge the font-size? - How can I avoid the cutting of the text within the <li></li> tags (I did already
Has smoothState.js come to replace jQuery Mobile?
For people who have made their own UIs from scratch, would it be a better choice to switch to http://weblinc.github.io/jquery.smoothState.js/? From what I understand, jQuery Mobile is all about its UI. It's code heavy, has an immense backlog of things to do, and basic scrolling won't even work until version 1.7. What do you guys reckon? Thanks! Frank
Jquery Form output problem.
I made a simple jquery mobile form in Android with three input text boxes and three output text boxes. Three inputs makes some calculations in JavaScript and outputs them in the three output boxes. The problem is that the three output boxes show the results for a brief second and becomes blank. This happens both in live view in Dreamweaver CS 5.5 and in the installed apk on my mobile. But when viewed in IE there is no problem at all. As I'm new to this I'm not sure why this is happening. Need some
$.mobile.changePage and PHP header('location ...
hi, I'm developing a multipage-projekt in jam 1.3.2 and domCache=true. Some pages got a PHP:header('location:url')-redirect and following happens: 1. I see the content of the correct redirected page 2. the browsers shows the url of the other (originally requested ) page 3. the data-url of the activepage is the same (wrong) url as the browser shows 4. I can't navigate with my browser's backbutton because I can't hit fast enough to overcome the redirect ;) … without dom-cache it is no problem.
Problem with keyboard and remote autocomplete listview
Hello, We used the example for remote autocomplete listview demo which works fine. However, the problem is that when you click on some listview item at the end of the list, another item (about 3 to 6 items above it depending on the phone screen) is clicked without user's intention. Here is the exact sequence: 1. Search field reveals listview links through listviewbeforefilter function. 2. Some of the revealed results are hidden under the keyboard and require a scroll. 3. Scroll down to some item
Reload page with hash in it
I have a page, which in some point I want to reload (I'm doing "full" refresh, but I don't might refreshing only the "page"). if I'm doing window.location.reload() it works fine. but I want to reload the page using the same url and get parameters, but only with a hash (#something) added to it. I'm trying to do something like: window.location = window.location.pathname + "?get_parameters"+ "#"+"hashtag" the issue is that JQM somehow listening to this hash, and if I'm doing this, it change to the url
Completely stop jquery mobile searching data-* attributes, and auto-enhance
I use JQM 1.4.3 (latest for today). I have a relatively heavy app, which works great on the powerful desktop computer, but not so great on the tablet/other mobile phone. I'm focusing how can I improve performance, and speed of my pages. I've already read a lot in this subject. I assume that jquery mobile on each page load searches for all 'data-role' attributes, and other elements like 'button' 'select' etc, and enhance them, without the developer required to do anything but writing simple data-
IE Doesn't Work With jquery-1.10.2 or Later
For this website: m.laparks.org Click on "Events" and then any link in this menu. It works in most browser except IE. In IE, it'll transition to the correct page (as the URL did change in the browser), but the page does not seem to refresh/show like in other browser. In IE, it doesn't even execute this code at all: $("#eventsCategoryL2").on("pageshow", function() { console.log("#eventsCategoryL2 pageshow"); .... }); The problem is that everything worked fine at jquery-1.7.2,
Creating custom build
I want to create a custom build using JQM download builder, and I have some questions: Under "Forms" there is: Buttons: Link-based Applies button styling to links If I exclude this for my download, is that mean I won't have 'ui-btn' and 'ui-btn-active' for links (<a> tags)? If I give up "content management", under navigation, what are the influences? I never use the "pagecontainer" widget, but is it really needed? Under "core" what does these do: Defaults Default values for jQuery Mobile Helpers
Refresh page when popup is open
When a popup is open, JQM adds hash to the url #&ui-state=dialog. If the user will refresh the page when have the popup open, and then again open the popup and refresh, it might led to many hashes in the url. Is there's any way of canceling the hash behaviour? I use the hash myself, and it's not good for me if I do if (window.location.hash) { // I meant to my own set hash, not the one JQM sets }
Next Page