How can I override the css for just one input field?
Hi! I use the newest version of jQuery Mobile. I need to override the css-style of only one disabled input field in a form: *** <label for="fullname">Full Name:</label> <input type="text" name="fullname" id="fullname" disabled="true" style="color: blue;"> *** The style-attribute seems to be ignored. If I try with background-color, it works. Can someone help me please? Thanks, Christian.
Jquery Mobile pushstate problem with tabs
Hallo! I'm working on an app thats is build on backbone.js, require.js and jQm. I'm not sure if this is a jQm Problem or a backbone Problem. I have an issue where the jQm Tabs are not working if i enable the Backbone.history.start({ pushState: true }); I init my app like this: // Just use GET and POST to support all browsers Backbone.emulateHTTP = true; // Prevents all anchor click handling $.mobile.linkBindingEnabled = false; // Disabling this will prevent jQuery Mobile from handling
Variables Maintaining State Query.
Hi, I am not really sure if I am posting this question in the right place but please bare with me. I am planning to create a small Cordova app with the ultimate intention of submitting it. What I would like to know is the following: If on load I create a variable, in this case myName which will be used across a number of pages. On page1, myName is 'Andrew' but if you navigate to page2 it is changed to 'Agatha' what happens when the app is placed in to the background? For example when the app is
jquery mobile pop up
i read this: http://api.jquerymobile.com/1.3/popup/ and i set the following: html: <div id="both" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content"> ...Popup contents... </div> js: $('#both').popup('open'); $('#both').popup({ tolerance: "0,0" }); but is not working... so please: what's the problem? what's the method to open a popup?
jquery mobile runtime changing of text in href
hi. i've this html: <a href="#" id="hrefShare" data-icon="star" class="ui-btn-right">some text</a> and this jquery script in document ready: $('#hrefShare').text('my text').trigger('enhance').trigger('create'); now button seems to lose icon and so on. I'm trying to do a thing that cannot be done? thank you.
Checking a radio box via with the following code;
Hi I have the following code; $('#resultsBox>div>img').each(function(index){ if($('#'+(index+1)).attr('data-color')==a4){ $('#'+a4+'_'+index).attr('checked', true).checkboxradio('refresh'); }; });The function runs through four images if one has the corresponding data-colour it checks a corresponding radio button. When I use (index) it only works on the first call but there after doesn't. Can anyone help?
Cannot read property 'jqmData' of undefined
Hi all I want to use a selectmenu with filter and tried the example at http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/ With a few items (tested with 5) the example works ok but with lots of items it doesn't work. When you select something you get this error: "Cannot read property 'jqmData' of undefined" and the page hangs. Try the last demo on the page, it does not work. Regards
Datepicker and the correct theme
Hi, I can't find out how to set the correct theme for my calender: Habe a look here: http://gruppenhaus.de/mobil6/test_calendar.php It should be data-theme="d" But it's always black ....!? (a) Any idea? Thanks Chris
How to target a particular collapsible in collapsibleset
Hello, Could someone tell me how i can target a particular collapsible to add content in it? I've a collapsibleSet including multiple collapsible in this format: <div data-role=collapsible data-theme='c' data-collapsed-icon='carat-d' data-expanded-icon ='carat-u' data-collapsed=true data-iconpos='right' data-date =" + DateC /* Content in format "2016-06-21" class='ui-corner-all ColDoc'> <h3>" + DateComplete + ")</h3> </div> I would like to
autocomplete: what's the best way?
supposing to have a javascript array, whats's the best way to autocomplete? i've searched in archive, but all posts are very old...
ajax page transition applies css of next page
I have a single page based 1.4.5 app using ajax to navigate between the pages. I have two similar style sheets which are loaded in the data-role="page" each time. I have noticed that if alternate between pages (and loading is slow), just before the page loading message disappears it seems to pick up the style sheet from the new page and restyle the current page. It then transitions to the new page which shows correctly. I am not 100% sure what is making it restyle, as I can see the new page is
navigate to main page from anywhere
I am moving my JQM web app to Cordova. I am trying to do an error recovery from ajax in case the use authentication fails no mater where the user is in the app. I would like to be able to navigate back to the main page and then change to the login screen so when the user authenticates I can navigate back and end up at the main page. In the web app, I was just refreshing the main page but I don't think this is a good idea using Cordova. Is it possible to navigate to page one? Thanks.
jquery mobile 1.3.2 multi page template
hi you all. i've the following situation: <div data-role="page" id="page1"> <div data-role="panel" id="mypanel">
<a href="#page-href" class="ui-link-inherit"> </div>
<div data-role="header">...</div>
<div data-role="content">...</div>
<div data-role="footer">...</div>
</div> <div data-role="page" id="page2">
<div data-role="header">...</div>
<div data-role="content">...</div>
<div data-role="footer">...</div>
</div> the question is: i want to use a single page and navigate by DOM ...
icon resize according to device resolution
maybe a stupid question: there is a way using jquery.mobile to resize a png icon on mobiles and tablet? i would like to have my icon (a single one, share button) big enought to be visible. thank you.
Open Panel to gray out caller page content
Hi, I'm not sure if I am using the correct terms for the question I am asking. In page content, I click a button/link to open a Panel it can be in any data-display value. When the panel appear, I would like to caller page content to be gray out or technically cover it with gray overlay. How I can do that? Is there any existing built-in attribute I can set or I will need to do this with my own js/jquery? Hope my explanation is clear enough. Thanks.
Including a jQuery panel ruins visibility of html elements while scrolling on mobile
i cant for the life of me understand it but heres a link snoblifetest.myshopify.com when i add the markup for a panel...external or internal elements will disappear while scrolling on any phone...without even opening the panel... heck...the mere presence of data-role="panel" causes it... as soon as i remove the code below...mobile scrolling performance returns to normal...very strange <div data-role="panel" id="mobilemenu" class=" panel" data-position="left" data-display="reveal" data-theme="a"></div>
Override svg icon data url color
Hi Sir, I wonder is it possible to override at some point the color of svg icon set in css data url format? I'm not looking for changing original CSS value. Can be dynamically or inline. I tried many options such as fill but can't get it to work. I think I am doing it wrongly or maybe it is not possible? When looked into jquery mobile css, one of the svg icon data uri is something like .ui-icon-action:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E");
Calculation trouble on mobile
Good morning, I need to make a calculation ( age^-0,13) To perform this I do: var age = 22 ; /* Here simplified, in reality the result of date calculation */ var K4HF = Math.pow(age, -0.13); var K4HFB = parseFloat(K4HF); var test = typeof K4HFB; alert(test); alert(K4HFB); alert (K4HFB.toFixed(2)) This works fine on Safari Desktop The first alert give me : number The second the value : 0.6690907894046102 And the last one the value : 0.67 Exactly what i need But the result on mobile give: Fist
Problem with changing listview item icon
I want to change the listview item icon from data-icon="false" to data-icon="check" for example dynamically. I have tried many way but while I can query the selector after I set it and it has changed, the actual element does not get an icon. Using jqm 1.45. <ul data-role="listview" id=test"> <li data-icon="false">Line Item</li> </ul>This is the code that I tried: $( "#test li" ).listview("option", "icon", "check"); $( "#test" ).listview("refresh");
Having trouble with jquery mobile design for desktop
Hi all. A complete newbie here so please forgive the simplistic wide eyed view. First I want to build a website using this platform, however I have read through the documentation here > http://demos.jquerymobile.com/1.4.5/. It is great at defining and explaining all the features however it misses how to put them all together. I want to build a site very similar to the one in the url. I checked out the view source and discovered another style sheet that includes some of the styling from jquery.mobile.1.4.5.css.
Autocomplete search using pre populated sqlite database
Hi I am trying to create a simple area and zip code search app. The app works and the listview is populated with the user input. However, the listview is only populated once the full name of the area is entered by user. I want it to autocomplete and list suggestions as the user types in the search box. Here is part of my code HTML: <div class="searcharea"> <input id="valueEnter1" oninput="searchme(this)" /> <ul data-role="listview" data-inset="false" data-filter="true" data-filter-reveal="true"
Use table with toggle column.
Hello i need help and a don't know what can i do. I have a page with dada-role pag1 , pag2 and pag3 In page one I have a listiew where I have a : $(document).on('vclick', '#listacriada li a', function(e){ ... ... fill myTable ... and refresh $("#myTable").table("refresh"); $("#myTable").table("closest"); /$('myTable').trigger('create'); $.mobile.changePage("#pag3",
Don't open popup
Hello!! I'm new in jqmobile, and I would be very grateful If you could help me. Te problem is, I load the page, next I click to open a popup but nothing happens (only in the url appears #&ui-state=dialog). Then I reload the page, and try to open the same popup and now works properly. Any idea? Thank you for your help. This is the code of the page: <!DOCTYPE html> <html> <head lang="es"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"
How to show some background on jquery mobile phone gap android installation?
How to show some background on jquery mobile phone gap android installation (instead of a dark nothing)?
Download builder: Customize for speed not working
I tried to do a custom build http://jquerymobile.com/download-builder/ but the site has an error as shown below Can anyone suggest how to solve this problem?
How to customize listview search filter with remote data load
I want to tune listview filter to let all values founded on remote server be displayed, not only that exactly match searching string. (e.g. my remote search returns 3 results for request 'NewYork' all starts with 'New York', but listview search returns no results because of no backspace in search query) $("#start-autocomplete").on("filterablebeforefilter", function (e, data) { e.preventDefault(); var $ul = $(this), $input = $(data.input), value = $input.val(), html = ""; $ul.html(""); if (value &&
popup from another popup
Hi, Is it possible to show a popup from another popup? I tried it but it seems to be not working and not getting any error. Thanks, Jassim
JQM selectmenu-custom-filter dialog issue
I am using : http://demos.jquerymobile.com/1.4.2/selectmenu-custom-filter/ but need that if data is more in dropdown then its should not open in a dialog box (full screen) but in the same . How its possible ?
How to style alongside default theme
Hi guys I'm trying to theme my basic app - I'm looking to customise a few aspects mainly through additional DIV's using ID's and Classes, but I also want to change a few other bits. For example I cannot get the background color to change. See below for my CSS: .ui-page { font-family: 'Museo', verdana, serif; background-color: #2b2e31; } The font has changed but the background color isn't flowing through. Any suggestions? Thanks
Avoid scrolling back to the top of the page prior to transition.
Hi, with JQuery Mobile is there anyway when you have page content that requires you to scroll as it is longer than the available content length that it doesn't automatically scroll back to the top when pressing a back button on a fixed header? Then before you transition to that page again you can scroll it back to the correct position? Thanks, A4.
JQM - Navbar Link Remains Active.
Hi, I am using JQM 1.4.5 & jQuery 1.11 and have the following code; <li><a href="#" id="btnReset" class="ui-disabled" data-icon="custom">Reset</a></li> This calls a function; $('#btnReset').bind('click', function(){ $('#btnReset').addClass('ui-disabled'); } That works fine but the button remains in an active state (i.e. black but disabled). How can I alter this to return it to normal state? Thanks.
How to make an image (jpeg or png) expandable on image touch in a jquery mobile?
How to make an image (jpeg or png) expandable on image touch in a jquery mobile?
How to embed youtube and social networks links in a jquery mobile pages?
How to embed youtube and social networks links in jquery mobile pages?
How to add search functionality through all jquery mobile pages?
How to add search functionality through all jquery mobile pages in a kind of a ebook?
How to make text size expandable on screen touch in jquery mobile?
How to make text size expandable on screen touch in jquery mobile?
How to show text percentage read on a jquery mobile page?
How to show text percentage read on a jquery mobile page? Need to visualize place on a big page where an eye reads.
Detecting status of reflow table
Hi guys, I have a table in JQM with data-mode="reflow" (ui-responsive). Is it possible to dynamically detect whether the table data is positioned in horizontal or vertical mode? Maybe by adressing a certain class or something? Thanks!
Why do I sometimes get a blank page
I move between two pages using one of the following: $.mobile.changePage("ScheduleCleanDetailsV2Entry.html", { data: { SchedIndex: data_schedindex, AreaIndex: data_areaindex, LetterIndex: data_letterindex, RoadIndex: data_roadindex, CleanIndex: data_cleanindex } , allowSamePageTransition:true, reloadPage:true}); $(":mobile-pagecontainer").pagecontainer("change","ScheduleCleanDetailsV2Entry.html", { data: { SchedIndex: data_schedindex, AreaIndex: data_areaindex, LetterIndex: data_letterindex, RoadIndex:
that with the coding��?
that with the coding��? utf-8 �� <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
How to hide the status bar, or put down header?
How to hide the status bar, or put down header?
Next Page