How to dynamically load and append new data to the same exapanded collapsible div section on scroll down event.
using jquery mobile collapsible set(accordian) div,i have loaded multiple sections with data.On expanding a collapsible section div, i need to show only first 20 data from server side. While scrolling down and on reaching the end of 20 th data of expanded collapsible div section,i need load to next 20 data from server side and append it at the end of same expanded collapsible section. What event or listener to be used to detect cursor scroll down event has reached the end of expanded collapsible
Popup Android not working
Hey guys, I have an issue with the popups and android. However this does work on iOS and WP7 so far. I tried it on Android (4.1.2) with Chrome Browser and the popup does not show up. What happens is that i got several checkbox elements in a list. If a specific checkbox was clicked, a popup should show up as well and ask the user a question. Depending on the answer (yes/no) something should happen (JS triggered). The problem: that popup does not show up in chrome. Here is the code: <a href="#popup123"
Working On Very First Page To Use JQuery-Mobile
I'm trying to use JQuery.Mobile-1.2.0 on my first mobile page and it doesn't seem to work. I'm working in a dotcms v. 2.2 (dotcms is a content management system that we use for our website) environment and I will need to start adding mobile pages sometime in the near future, so I'm trying to develop some prototype code now, so I'll have it in the future when I need it. I have the jquery.mobile-1.2.0 code library copied to a folder on our website. the code at the top of my new page's definition
formulaire
Hello dear friends developer, I am a new developer jquery mobile, I have a problem with the code below, given that when I filled out the form (index.html) and send it to (action.php) I output which displays the code of second file (action.php). Fichier index.html <!DOCTYPE html> <html> <head> <meta name=viewport content="user-scalable=no,width=device-width" /> <link rel=stylesheet href=jquery.mobile/jquery.mobile.css /> <script src=jquery.js></script> <script src=jquery.mobile/jquery.mobile.js></script>
photoswipe keep flicker for some reason
I have set up photoswipe for mobile device, it's working fine apart from the photos keep Flicker when swipe on the phone, but its working fine on computer. any idea how to fix please? cheers the example will be: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
Need clarification the use of data-inset
URL: http://mobilehost.me/MP/ Version JQM 1.2.0 Hate to tap into your busy day for a simple question, however I have tried ti implement data-inset on several pages of my site I'm building as a learning experience. It works great and as explained in the doc, but, on one page it will not work, no matter what I do. I know it's me but I can't figure out what I did. I referenced several books I purchased,and looked at my working pages. My understanding on inst is if not specified, the default is true.
Best method in JQM to use background image?
I want to use a background using a .png graphic I have to compliment the theme I'm using. I have tried placing styling the body attribute on the external CSS file without luck. I also created a CSS file in the header a page and again no luck. I ran diagnostics on the CSS and page through Firefox and did not find anything in error. I hope someone can provide me with a solution. I also checked to ensure the correct folders where the graphic resides is correct. Thanks in advance Code Snippit of external
listview refresh icon
I'm changing the icon on list item ('li') and the list is not refreshed. The code snapshot: var listview = $('<ul data-role="listview" data-inset="true">'); ... var button = $('li#' + id, $.mobile.activePage); button.attr('data-icon', 'check'); listview.listview('refresh'); However the list shows the old icon. Please assist!
twitter boots trap
is there jquery mobile plug in developed using twitter boots trap
Jquery mobile device camera
i want to take photo with mobile device camera is it imposible with jquery mobile plugins? what should i do? i want to development web mobile project with asp.net MVC 4,html 5 and jquery mobile
Proposed Addition to Collapsible Set
Basically my problem was trying to have a dynamic collapsible set that BEFORE expansion would see if content was loaded, and if not would inject it using AJAX. The only thing I have been able to confirm working is the bind event of expand and collapse. What I would like to see added is a "beforeexpand" or "click". The problem as it is now the expand fires showing a blank space before filling with content. In a perfect world after a user clicks we could do whatever check we wanted and then the
request for aligning two calender controls in the same page one in the left and another in right
Hi, Please help me in aligning two calender controls in the same page one in the left and another in right, where dates must not be editable as text. it must only be choosen from the calender control.
Is there a way to not include the css files and images when using jQuery Mobile
In upgrading for use on mobile devices, we are only interested in a very limited amount of functionality such as the swipe page turn. Is there a way to include a small amount of these files?
Conflicts with jQuery 1.0b2.js
Hello, I have a site that I have used jQuery on for a few years now. Recently we started to update the site so that it works on mobile devices using jquery mobile 1.0b2. I found some similar things from other people who have had the same problem. According to FireBug the problem is in the getFilePath function below. Evedently if the object passed to the function is not a string it bombs. I tried to put an if in there for typeof == string but that caused other problems. Can anyone help me out
Newbie - Help with a navigation menu
Hi I'm relatively new to the whole mobile development area so apologies for this. I'm having a small problem with a sample application I'm just trying to get up and running. In the code below you will see I'm trying to make a navigation menu for the homepage of my application however when its run in the emulator/on any browser window the menu buttons rendered will end up on the side of the page. What I am ultimately trying to do is to get the 4 buttons centered and made bigger so that each button
Dynamic Page in 1.2.0 refresh change page start
http://jquerymobile.com/demos/1.1.1/docs/pages/dynamic-samples/sample-reuse-page.html http://jquerymobile.com/demos/1.2.0/docs/pages/dynamic-samples/sample-reuse-page.html Click listview (Animals or Colors or Vehicles) and refresh page (F5) 1.1.1 no change 1.2.0 change page start I need not change page start in 1.2.0
Error loading Chrome when using jQuery
When viewing my page in Chrome, selecting a link produces a loading error. However sing FireFox does not and works as designed. I have checked other post and none have been replayed too. Some are from a year ago. Could you please res[pond as this problem is driving me crazy.
Change event misfiring for checkbox group only for iOS
Hi experts, I am developing a hybrid mobile application using jQuery Mobile and it needs to be used on both iOS and Android platforms. I have a group of checkboxes that are displayed horizontally (they look like a line of buttons) that can be checked/unchecked in any number. I have a listener for the change event so I know if something has changed in the group. However when testing in iOS simulator I found that tapping any other part of the screen unchecks the most recently checked checkbox, and
PC screen issues & different looks at iPad versions
Have getting difficulty to fix large screen width of pc and also seems variant look on iPad versions.
Possible bug: async issue with link when moving back?
I'm having a hard time figuring out how to explain my issue. I have a form which have a couple of input-fields that are validated on blur. For example, I have a address field which has a max value of 45 chars. If I write more than 45 chars in the input box and then move to the next field a dialog is shown proclaiming that I’ve been a silly person for writing so many chars*. When I click on the OK button in the dialog the dialog is closed and I can try again. BUT if I write 46 chars in the field and
Add a summary in doc
Hi guys, It could be a great thing, in documentation pages like this one http://jquerymobile.com/demos/1.2.0/docs/api/methods.html , if there is a summary of main topics. Currently, you have to scrolled all the page to find one method you're searching for. If you're lucky, you find it at first place. But it works once... Thanks for your work. Hoping my idea will help somebody somewhere ************************************************************************* jQuery, jQuery UI, jQuery Mobile and QUnit
iframe scrolling problem
I'm currently developing this PHONEGAP App where I need to include an iframe inside the html page. The "src" attribute is pointing at one of my html file in the file system e.g "file:///android_asset/www/html_page_to_load_iframe.html"<---(the one to load the iframe) the external file is "file:///android_asset/www/folder/folder/im_the_src_target.html". It successfully loaded the external file, but since i set a fixed height for that <iframe> it should allow me to scroll if the content of the iframe
Looking for ideal way to persist selected list values across multiple list/AJAX requests
Here's the problem I'm having. I will have a JQM page that will contain a series of lists like this: list 1 (3 items from WS) -> list 2 (2 static items) -> list 3 (many items from WS) -> list 4 (many items from WS) -> dialog list 1 is populated via an AJAX request to an ASP.NET web service. I have this functioning no problem. Each item in list 1 will contain a unique value (id) that I will need, in conjunction with a selected value from list 2 to make an AJAX request and populate list 3. The
SOLVED - Remove link in text to "Add to contacts" in iPad
Hi! I have a problem, if the text inside of div label have 7 numbers or more, the iPad automatically add a link for add to contacts. How I can remove the link?? I have jquery mobile 1.1.1 with phonegap 2.2 and iPad IOS 6.0.1 Thanks SOLUTION: <meta name = "format-detection" content = "telephone=no">
Problems with mobile phone orientation!
Hi guys, I need some help with developing my portfolio website. I'm working with media queries to make my website responsive to different devices and have come unstuck with a jquery plugin that I have used. For the navigation, i've used magicline but when the website is viewed on a mobile device, the positioning of the line goes all over the place. EXAMPLE: If you go to http://www.baztesting.co.nf/wordpress/contact on a mobile device, and view the website in landscape orientation (refresh the page
Problem regarding page caching
Hello everybody, first of all, please be aware, that I read (and tried) nearly everything what google found concerning this topic, but I am still clueless. I am currently using jquery 1.8.2 and jQM 1.2.0 (but had the same issue with 1.1.0.). Here is the shortened, simplified code of my problem: http://jsfiddle.net/CkuMg/ I am developing a page which firstly generates a list, filled with data received from a webservice. This works so far as planned. Every item of the list should navigate to another
JQuery Mobile Error Loading Page HTTP 404 with incorrect URL
I am new to JQuery Mobile. I have an Apache Wicket-based application that I'd like to try JQuery Mobile on so it looks more pleasing on mobile devices. Unfortunately, I am getting "Error Loading Page" errors for all the page links, which I never had problems with before switching to JQuery Mobile. The root cause appears to be the URLs contained in the HTTP requests. I used JQuery Mobile 1.2.0, JQuery 1.8.0, Wicket 1.5.5, locally tested using jetty server 6.1.26 and FireFox 16.0. Here is the
Multipage template and toggle div
I have a multipage template with a settings menu div. Via this settings menu it is possible to navigate to pages within the template. //html <div data-role="page" id="page1"> <div id="settingsmenu"> <a href="#page2" clickevent etc> page 2</a> </div> </div> <div data-role="page" id="page2"> <div id="settingsmenu"> <a href="#page1" clickevent etc> page 1</a> </div> </div> //javascript $('#settingsmenu').toggle();The code above is simplified. When I navigate to a new page,
Adding RTL property to the page
Hello, I have been working on RTL support for jQuery Mobile and you asked on twitter how to make this more maintainable. I suggest adding an RTL property to the page class/element; then check this property before setting any button/icon default positions and check it in sliders code as shown below; then make another RTL CSS file that overrides/reverses some values (floats, margins, text-direction.. etc) which users can simply link when RTL support is needed. Here is my idea: 1) Make a property for
Dynamic Page call
Hello to everyone, i'm building an app using jquery mobile and cant figure out a problem that i'm facing. I have an index.html page that shows a grid menu when my app starts. Each item is linkable and all go to another page(default.html). The default.html is a dynamic page. Calls an external createlist.js file, that creates a listview with data from sqlite database. When from grid menu I call the default.html with this code <a href="defaultpage.html" rel="external" onclick="sessionStorage.ParameterName='someID'"><IMG.....></a>
Nested List In Symbian Mobiles entire tree(menu,submenus,services form) is being displayed in home page.
Hi, We developed Tree Menu using nested list.It is working good in all mobiles but in Symbian Mobiles is diplaying entire tree(menu,submenus,services form) is being displayed in home page. Is there any way to solve this problem in JQuery Mobile? Thanks & Regards
Swipe events fire twice on nested delegator elements
When I nest delegating elements inside eachother swipe events cause my callbacks to fire twice. Here's an example: http://jsfiddle.net/NMDxE/24/ I posted this issue earlier on the jQuery issue tracker and they routed me here.
Page transitions are still "Blinky" on Android 2.2 & 2.3 (jQmobile A3)
Update: It occurred to me to test out the jquerymobile docs and demos page (http://jquerymobile.com/demos/1.0a3/) in my Android and the emulator (default resolution) - and I can conclude that page transitions are still blinky in Android 2.2 and 2.3 - I spent time writing up the post below, so I'll let it stand so you can see what agony I've gone through (haha) Edit: I also tried this with jquerymobile.com/test/ to see if you'd maybe already fixed this. But alas, no señor.... It still confuses the
Scroll Issue on swipe elements
Hello, in a webapp i use swipe-left / swipe right events for navigation through a set of data (location,street,buildings). After searching for days now i found this: https://github.com/jquery/jquery-mobile/issues/3954 On Android 4 i got scroll issues like described there. There is even an example on the github page: http://www.billdodgeautogroup.com/test/test4.php When trying to scroll through the list its getting stuck all the time. I read a lot from people having the same but i cant find a fix
Wrong icon position
Hi I have a no-text button like this: <input id="controlZoomIn" type="button" data-icon="plus" data-iconpos="notext" /> When I updated to the last version of JQuery and JQuery mobile the icon was not centered in the button anymore, it looks like this: Is there a way to make it appear in the center again? Thanks in advance.
postal code is h2b3f4 validations
Hi, I need to check the postal code is h2b3f4 But i worked as h2bfff and so on... For Eg: first three character is below the searchwords and next three character is anything. this is i worked. But now i want first three character is validated form search words and next three character is 3G3 That means Number Letter Number... Please any one help.. to change my below code Below code: function doSubmit(myform){ searchWords = ['h7l', 'h1h', 'h8t' ,'h1g','h1j','h1k','h1m','h1p','h1r','h1s','h1t','h1v','h1w','h1x','h1y','h1z','h2a','h2b','h2c','h2e','h2g','h2h','h2j','h2k','h2n','h2l','h2m','h2p','h2r','h2s','h2t','h2v','h2w','h2x','h2y','h2z','h3a','h3b','h3c','h3e','h3g','h3h','h3j','h3k','h3l','h3m','h3n','h3p','h3r','h3s','h3t','h3v','h3w','h3x','h3y','h3z','h4a','h4b','h4c','h4e','h4g','h4h','h4j','h4k','h4l','h4m','h4p','h4n','h4r','h4s','h4t','h4v','h4w','h4x','h4y','h7m','h7n','h7r','h7p','h7s','h7t','h7v','h7w','h7x','h7y','h8n','h8p','h8r','h8s','h8t','h8y','h8z','h9a','h9b','h9c','h9e','h9g','h9h','h9j','h9k','h9p','h9r','h9s','h9w','h9x','j7t','j7v','j7w','h7g','h7e'];
Hide button on "pageshow".
I need to hide a Button on pageshow that's my source: <?php include('inc/header.php'); ?> <script type="text/javascript"> $(document).bind('pageshow', function() { $('#adiar').b('refresh'); }); </script> <body> <div data-role="page" id="jsTestes"> <?php include('cabecalho.php'); ?> <div data-role="content" style="padding: 15px"style="background: url('http://assets.codiqa.com/ps/24291/507dad2f02328271ios_default_bg_tile.jpg') repeat"> <b> <u>Teste:</u> <?php
need help , touch start form 1st TD and touch end at 2nd TD.
Hi , I am new in jquery. I have a problem and yet not get any answer from forum. I have a table with some cols and rows. Now my question is how can i change the background color of 1st and 2nd TD when touch start form 1st TD and touch end at 2nd TD. Thanks in Advance.
change the content of DIV
Hello, I am new to JQM, i created a simple page ( http://www.mazharkhan.com/mobile/index.html ) i want Header and Footer to be static when you click on right/left arrow button only content should be changed instead of entire page Thank you, mazhar
Multiline placeholder
I have a textarea and i want set placeholder for it? which contains several lines. How can i do this? Now i have all my lines in a row THanks
Next Page