Page min-height is miscalculated when I add JQM dynamically.
See fiddle:http://jsfiddle.net/C9emW/1/ I am trying to load JQM only for specific screen size, so I am trying to load it dynamically, but somehow this causes an error where the page min-height is calculated wrong, and I end up with a scrollbar. Any idea why this happens and how to fix it?
data-role = 'fieldcontain' does not work after ajax request
I have three fields selecion one is independent and two dependent enter if I use the three selections with fake native menu, these three selections I have them wrapped with a data-role = 'fieldcontain', when I make the Ajax request with dependent selecion one to load the corresponding selecion, all this works fine but when I make fieldcontain your css, ajax after the request I put this line: selectmenu (); probe this line: $ ("# my_page"). appendTo (". ui-page"). trigger ("create"); and now if I
Simple jQuery Mobile site for Windows Mobile 6.5
I'm making a webapp for a customer with many Motorola ES400 devices in use. The device runs only on Windows Mobile 6.5. The Internet Explorer does not support HTML5. I've been looking for other browsers. The only browser I found for Windows Mobile 6.5 with some HTML5 support is Opera 10. But with Opera 10 the width of the website does not fit on the display, you have to scroll in horizontal direction. In this forum I found this question 2 years ago, but no answer and obviously jQuery Mobile has changed
app is ready; what do you do next?
my app is not ready yet, but i want to gradually get acquainted with the next steps that are necessary to share the app. having done the research, i come up with the following steps which need to be taken. 1. convert to android using eclipse, to ios using phonegap 2. create a dedicated site in wordweb and facebook I am sure a lot is can be missing from this list - it can't be that simple ;) please share your experiences
Persistent Panel
I'm trying to create a music playing application. I wanted to have the new Panel widget act as the player/playlist. The user can go through the library by artist, album, etc. in the main view and click to add songs to the playlist, which would be stored in the Panel. I am using a multi-page format (all pages are in one html file). I know I can just dynamically load the Panel with the playlist when the user switches between pages, but I don't want the html5 music player that I have in the Panel to
http://api.jquerymobile.com/jQuery.widget/ NOT FOUND ERROR
Does anyone care? This has been broken for well over a month. Does anyone even look at the documentation pages for jQuery Mobile?
Listview with collapsable listview inside
HI guys, I've been experimenting around with the listview but can't seem to find a good solution for the following issue. Maybe one of you guys knows a solution, else I need to submit it as an new idea. I have the following list: * Country 1 (inside should be collapsed) * City 1 * City 2 * City 3 * Country 2 (inside should be collapsed) * City x I've implemented it as a listview, since that gives me some nice features like the search (data-filter). But the trouble starts
How to use changePage to open a login dialog on first load?
Have a multi-page site and trying to load a login page when the site is first visited. However the login page (which is a dialog) pops up for a second and then disappears again and the original page loads. I want the user to be able to bookmark any of the pages if they want to directly visit one of them instead of the default page but still have the login screen shown. Am I binding to the wrong event? Thanks. $(document).bind("mobileinit", function() { $('[data-role="page"]').live("pageshow",function(){doLogin()});
jquery mobile vs jquery ui
I realise that i may need draggability of elements and other strictly ui functionality later on. is switching from jqm to jqui a seamless process or does some code need to be rewritten? Is jqui also primarily meant for mobile devices?
[SOLVED] Refreshing a page and redirect if an event occurs.
Hello, I have looked for my problem in Internet but I couldn't find. I don't know why I have used the correct words or the problem is in other places. I design a mobile page web with ajax to refresh the content (div[data-role=page]). I update the page tag because the server can redirect to other page. I use this code to refresh. setInterval(function() { $.ajax({ url: 'index.php?action=state', dataType: 'html',
JQM 1.3 input fields, border:none; does not work
In JQM 1.2: .noborders{ border: none !important; box-shadow: none important; } . . . <input type="text" id="text1" class="noborders"....> hide text1 borders. This does not work in JQM 1.3 !
Open a link page inside the app
Hi, I created an web app with Jquery mobile and phoneGap. In the app there are some link to other website. I try to put button"return" in this page to come back on my site. May be keep the header of my app when I open a link. I've no idea to process. Thanks for your help.
Rendering italics (or emphasis) reliably on Mobile devices (as opposed to desktops)
Have a look at this on a desktop and then in a mobile browser. (recoveringacademic.co.uk/iTest/index2.html) Using a Samsung S3 with Chrome and FF, the italics and emphasis both disappear. It's renders perfectly on a desktop. The issue of italics (or none) really matters to me because I'm writing about Harvard Referencing where- to many - italicization is important. I'd be very grateful indeed for help I'm using the following code in the <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css"
Add to calendar - Does it exist?
Hi all, I was just wondering if there was any way of interacting with the mobile-user's calendar, specifically adding/scheduling an event or appointment? Part of the work that I'm doing is for a mobile bookings system. What I would like to do is offer the user a link/button to be able to add the details of their new booking to their phone's calendar. Is this possible? Is it something that is being planned for? If the answer is no, does anyone know of an elegant work-around? My fallback position is
Disable back button for one page only
ON my jquery mobile site I use the data-add-back-btn="true" for the page div and it works as expected. The issue I have is that there are some pages I don't want the back button to appear as it creates circular references and I want to better manage user navigation. I'd really appreciate some help with this as it is driving me nuts.
Example of attaching "expand" listener of collapsible?
Can someone provide a working sample of attaching an event listening for the "expand" event on a Collapsible object? I'm sure my issue is just "where and when" to attach the event this is where I am getting the code: http://api.jquerymobile.com/collapsible/#event-expand this is the code I put together as an example http://jsbin.com/odiful/1/edit I can't *quite* show exactly what I am doing, as I am making an AJAX call to get the page for a particular item, but if someone could get that event to
count list in header collapsible
I want a collabisble list with a header that describes the content and an indication of the number of items. the description would have to stand on the right, the indictaie on the left hand side. How can i make such a header
is it good idea(is it used) better use web full tech. to test my app after convert to phonegap app
document.addEventListener("deviceready", onDeviceReady, false); // this should be called in each page eg map.html and needs phonegap.js in each page, import (dreamweaver) or only to index.html? is it good idea(is it used) better use web full tech. to test my app after convert to phonegap/jQMobile app, like use onload rather on device ready? faster testing...
How can i stop to make buttons,select and checkboxes doubles when i reload my page.
Hello guys, Guys i am facing a problem.when i reload my html pages its buttons,select and checkboxes are goes added more and more.because all the html data fetch from a data base and after added new things in the page i store all the html of the page in data base and when i display this page agiain becuase of jquery mobile its buttons,select and checkboxes are increased as shown in image below.
Making custom elements, JQM or ride
Sorry guys, i know there is some of related topics, but i couldnt solve my problem i place my custom css file after jqm css file. I can't override it presets... can i edit elements without using the default file?
connection between button and function
Hello I am a beginner in jQuery Mobile , I need your help :) in Html : <div id="menuList" data-role="content"> <a href="views/index.html" id="Start" data-role="button" data-icon="arrow-r" data-iconpos="right" Start>Start</a> <a href="views/Register.html" id="Register" data-role="button" data-icon="arrow-r" data-iconpos="right">Register</a> <a href="views/About.html" id="About" data-role="button" data-icon="arrow-r" data-iconpos="right">About us</a> </div> .js file : (function($) { $('#Start').click(function(){
is jQuery Mobile compatible with windows Mobile? (no windows phone)
Hello, I want to know if this it's supported by windows mobile 6, his browser it's Internet Explorer Mobile. please note, is not Windows Phone, is Windows Mobile. Reagards, Luis
How/where do I edit $.support.cors and $.mobile.allowCrossDomainPages??
From what I understand, I can have html files (with ajax) access my remote server so people can access my database if I build an html 5 app using dreamweaver and phonegap. However, it sounds like I need to edit those two files according to http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html. Can someone please validate if its true that I can build a mobile app with CS6 and phonegap that will be able to access my remote server and if that's true, how do I edit the two files that JQM tells
Does jquery mobile provide access to "KeyboardDisplayRequiresUserAction" parm in iOS6
Has anyone been successful in setting the new "KeyboardDisplayRequiresUserAction" in iOS6 to allow jquery mobile to programatically pop the keyboard on a focus event? Thanks, David
icon in safari
does anybody know how to get rid of the bottom border around icons in safari browsers?
Dialog box problem changing left icon
Hello, I created a dialog box with a header. In the header, by default, I have a icon on the left. When I click on this icon, it closes the dialog box. I would like to change the icon. Do you have a solution ? Thank you <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <h1>Détails congé</h1> </div> <div data-role="content" id="text"></div> </div>
Checkbox malformed
Hi, On my project (jquery 1.9.1, JQM 1.3.0) I'm having the checkbox shown like this: checked - unchecked - and the code is very basic: <label><input type='checkbox' id='chkSendByEmail' data-mini='true' checked='checked' />This member is offline, send message also by email</label> Now, when testing on a different project, dedicated for the checkbox it looks 100% as it should. Only in my original project it looks like the above. Any idea what can cause such malformed style? Thanks,
Probleme with position : fixed when keybord up iOS
Helle ! I have a button on my web site who follow the scrolling. When the user click on a input fo exemple, the iOS keybord up and if the users scroll down (or complete the fields) the btn stay on this place.. Look this it's an exemple of the situation : I whant to fix that, maybe it's possible to do vanish the buton ? I try this http://jsfiddle.net/PtYbs/ but it's doesn't work on the iOS Simulator...
Listview doubleclick and scroll problem
Hi all, I have some problem in listview with more items after double click on item are opened 2 pages. In listview with more items (must be shown scroll bar) and you scroll down and double click on some item on bottom. After double click is opened first page and second page which responds on second click (typicaly is item on the top lisview). You can demonstrate this problem in this jquerymobile page (listviews). Scroll down on this page you must see on browser top for example last 4 items ("Inset
Toggle switch slider to the right of the Label
I am trying to put label to the left and toggle switch slider to the right. But my slider keeps on going down the label. Is anybody experiencing the same issue?? I read Fieldcontain should fix this issue but this doesn't seem to be working. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
Gridview resize parts
Hi, I am using the responsive grids to split pages depending on the size of the screen. This is splitting fine, but I want sections to take the full screen width with smaller screens, but not with bigger screen (see JPG attached). Here is the code I am using, it seems that the "padding" attributes are not seen, while the "width" attribute is seen. Is this normal ? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" charset="iso-8859-1"/> <link
tapHold: how to prevent browser default (on a link ?)
If I've a Link with taphold event binded, the browser still ask show me a default action popup for link taphold. I need to stop this ! I already tryied preventDefault(), but without success !
hide log off div on load based on query string
Hi I am trying to hide a div on load such that if the query string html?name=showme Then i need to hide the div id=logoff else show the logoff div. can some one help me how to write it. cheers, vinay
Dialog Box don't show the delete icon
Hello, I have a dialog box and I would like to use the data-icon="delete" to print a delete icon on the left. But it doesn't print. <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <a class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext " data-iconpos="notext" data-icon="delete" href="musteri.php" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Close" data-transition="pop"
Unwanted Auto Scroll Issue
I have a mobile page created using 1.3 and I've had an intermittent problem with scrolling long lists of divs. When scrolling down a list I have received a complaint that the list will 'auto-scroll' back to the top of the page. This does not happen all the time but when it does it is quite annoying. I've tried scrolling from different locations on the screens, at different speeds, to pinpoint the issue but I can't seem to find it. The site is: http://www.geny.fm ( if using a mobile device, if
Bug ? Or does exist a solution ?
Hi All ! Since 2 week i work on a website with JQM, and i see a little bug (or not). When i use somme script in add with JQM, often with javascript or JQ/JQUI when the user launch a script i try to scroll immediatly with there phone, the scroll is immediatly cancelled and the phone back to the originale place... Bug observed with iPhone 4/4S and All iOS Simuator.. I give you a exemple of a script who create the bug. $(document).delegate('.ui-navbar a', 'click', function () { $(this).addClass('ui-btn-active');
Checkbox for enable/Disable sereval select
Hi the community ! I try to make checkbox who could enable ans disable sereval select. To began just one select. I try it like that $("#checkbox-mini-0").click(function() { $("select:enabled").$("select").attr({ disabled:"enabled" }); }); Sure it's not work but if you give me some tips ;) My actual code : <label for="checkbox-mini-0">Call me back immediately</label> <div class="ui-block-a"> <div class="ui-bar ui-bar-b no-border-bottom" style="width:218px"> <fieldset
Return ID of Fieldset after radio button is selected?
Hi, I four roles of input buttons that form a grid, i.e when one item is chosen the equivalent buttons in the other rows are switched off. I have the radio buttons attached to a click handler(). All works fine but is it possible to return the id of the fieldset in this case it would be either fieldset1 or fieldset2. when a radio button is selected? $(".a, .b,").click(function(){ // From here return fiedlset ID }; <fieldset data-role="controlgroup" data-type="horizontal" id="fieldset1"
JqueryMobile: How replace the url in windows.history
How can we replace the URLs in windows history in jquery mobile application when first time saving the data (for example I can change the url "/customer/addeditcustomer" to "/customer/addeditcustomer?custid=104" ) I have tried the below script but, failed if (typeof window.history.pushState == 'function') { history.replaceState({}, 'AddEditCustomer', '/customer/addeditcustomer?custid=104'); } but i get the error "Uncaught TypeError: Cannot
One Jquery Mobile Document Containing many page references? [SOLVED]
I have a regular website containing over 70 php files which I'm now developing into a mobile version to run alongside. Opinion seems divided as to what is best practice - one index.php/index.html file containing all pages or several html/php files refered to from within the index file. Any ideas on how to approach this large website? Also, If I link to an external file, data-transition="fade" no longer works when a page moves into view. How can I maintain data-transitions when external links exist?
Next Page