JQM ThemeRoller additions?
I've been playing around with the ThemeRoller and it's great tool! I do have 2 suggestions - - I would love to be able to define the text size along with the color for each item. - I would also like to define if the control should default to mini for each control. Thanks! --Christy
Theming links in footers
It seems, that only buttons apply on data-theme="d" commando (in footers). Is it possible, that the links get the theme too? Looks not nice, when the buttons are green, and the text-links blue.. Thanks a lot..
text input in footer
There is tag <input> in footer, when I enter characters. Do not know why it disappear. Look like this... And when I enter characters.... I don't know how to fix it. help me.... Thanks you.
jQueryMobile me back to the main file pageChange calling the onchange event on a select
method call pageChange attempt to make a select onchange but jQueryMobile brings me to the desired file and followed me back again to the main file, show the code. function myProduct(value){ var url="product.php?id="+value; $.mobile.changePage(url); } <label for='product>Select:</label> <select data-native-menu='false' id='product' class='product' onChange="javascript:myProduct(this.value)" > <option value="">Select:</option> <option value="1">car</option> <option
how to refer to this.id somewhere else
http://jsfiddle.net/tearex/mXQqP/ I have hit the wall on a trivial as i think problem. I can not replicate assignment of a variable in a different place of the code. Here is how the prototype works: first click one of the randomizers. they populate the select menu. then click the button. it makes the choice of the select menu appear on the diagnostic display. so far so good. now, click the select menu and choose something other than what is chosen the button will update, but upon pressing the button,
Jquery mobile on tinyMCE
HI guys, I'm trying to implement jquerymobile table system with in tinyMCE editor . But I ran in to several problems . 1. if we can hard code the table before the editor is load table works fine. but in the run time when we try to insert a table it seems jquery-mobile css do not get include in to the table. any ideas how to work this around ?
jQuery Mobile 1.3 panel - double scrollbar bug
Hi, Today I wanted to implement one of JQM's neat new features, namely a panel. However, I've run into some unexpected behaviour: when I include a custom ThemeRoller .css file (v1.3), two scrollbars appear where there should be none. It only seems to happen when I place my custom theme after JQM's standard .css file (but when I place the custom theme before it, the theme doesn't load). If anyone wishes to reproduce this: <!DOCTYPE html> <html> <head> <title>Title</title> <meta
Best Place for JavaScript in AJAX Requests
Where in the code is the best place to put page specific JavaScript code when doing AJAX requests and transitions (both regular <a> links and <form> submissions)? From what I read, only the <body> of the request is used/replaced with such links so I assume <head> is a bad idea. Just in the <body> or <div data-role="page">? Just don't want it to get lost between requests. Thanks
Simple question about tables
I have a simple, silly question. Should I be using GRIDS instead of TABLES for JQueryMobile? I can't find much in the way of support or documentation regarding tables. I'm having really simple problems, like tables being cut off because they're too big for the viewing window. I tried adding a style="font-size:small" to shrink the table, but this didn't work. It seems like the new reflow and column toggles support the idea of tables... What am I missing?
jQuery Mobile + PhoneGap - Slow/Choppy
Hello All, I have spent many many hours of my time creating a app using jQuery Mobile (1.1.1) and PhoneGap for iPhone. At this stage it's a series is pages with plain html content, nothing fancy, no plugins or anything like that. i have an iPhone 4 and its slow ... page transitions are horrible/choppy. The page it loads flashes then it loads it. Images are slow to load even though its local on the phone. What can I do? It's pretty much preventing me spending more time into the app or submitting it
jQuery mobile page repositioning
Hi, I want to ask about the jquery mobile... Actually I'm making a jquery mobile site and I used pannels in pages, I want that a user when click on Menu button so panel should open and panel & page should reposition to the top. So I don't know how to write jqurey, If anyone can write me a code for this function that'll be very much helpfull. I tried a code to reposition the page but when it reposition the page then panel doesn't open.... Thanks a lot... Here is the code... <script> $(document).ready(function(){
using panels and .ui-page-background possible?
Hello guys! Looks like no one has an idea for my problem: As soon as i insert panels to my page, my background-image disappears! BG-Image (CSS): .ui-page { background-image:url("../images/bg.png"); -> 50x50px image background-repeat:repeat; } Placing Panels into site: <div id="page" data-role="page" data-theme="a"> <div id="header" data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="c"> ... </div> <div class="menu" data-role="panel" data-position-fixed="true" data-position="left"
Duplication of Radio buttons and Checkboxes
Hi, In my code, I am using a radio buttons and checkboxes, and have a Reset functionality, which uses the below code. $("input[type='radio']").prop("checked",false).checkboxradio("refresh"); (Just one line of code is mentioned above for example, similar is been done for Check Boxes and also for checked,"true" conditions also...) The page has a URL that opens up a help content on top of the page(hiding the existing page). On the Help page opened we have a Back button which removes this Help page
What would be the best way to "un-fix" a panel when you switch to landscape?
Using a fixed panel with a long-ish navigation list. However, when I switch to Landscape, the panel is still fixed, hiding some of the nav links. This is mainly a problem with Android native browsers. Chrome seems to recalculate the viewport vs panel height, and unfix things properly. But the native browser? Still fixed. Tried using media queries and switching to pos:absolute, but this seems to add more problems than it solves. Suggestions?
How to display close button on the right in dialog invoked via $.mobile.changePage?
Hi, Declaratively it can be done via data-close-btn="right", I'm looking for the same via $.mobile.changePage, any idea? Thanks!
[Resolved] HowTo dispose Textfield and Submit button on the same line?
Hello, I spent so many hours playing with additional JS file and CSS file in order to get: - input type=text (width ~70%) and input type=submit (width ~30%) on the same line but I've FAILED ! I just want something disposed like the "search jQuery" input of this page (top-right). So, does anyone know a pretty simple way to do it ?
Issue on redirecting using listview menu
Hello everyone, I'm having some issues using listview for menu navigation, here is the code that I use to navigate along internal pages inside a html file: <!-- Beggining of Navigation Page --> <div data-role="page" class="contenidoPagina" id="indexPage"> <!-- Social Header --> <div class="ui-header"> <div class="social"> <a class="phone ui-link" href="tel:***" title=""> </a> <a class="gplus" href="https://plus.google.com/***" title=""> </a> <a class="fb ui-link" href="https://www.facebook.com/***"
Java script is not executed on dialog page
Hi! I display a dialog via $.mobile.changePage("Error.html", { role: "dialog" }); where Error.html is a separate page and it's being displayed fine. In the head of Error.html there's a script if (window.console) { console.log("Test"); } The script runs fine when I manually navigate to Error.html but not when I display it as a dialog via mobile.changePage. What am I missing here? Thanks!
Disable 'swiping' or scrolling left/right on jquery mobile
Hey guys need a bit of help here as I'm a beginner! I would like to disable scrolling or moving the page left or right when a user touches the screen. Ideally I would want the page to stay intact. An example would be amazon.com (viewing it on mobile of course). You cannot move the page to the left or right you can only scroll up and down. Many thanks!
Listview Filter within a Form?
So I'm trying to enable the Listview Filter within an HTML form but doing so creates nested forms causing other issues. Specifically, then the jQuery Validation plugin get's the wrong form element (even though I specified the correct form ID). Has anyone else run into this and has a workaround? Thanks http://jsfiddle.net/Panman8201/a45VK/1/ << Check your console log, then change the data-filter to false to see the difference
Problems with mobile demo website
http://view.jquerymobile.com/1.3.1/dist/demos/examples/listviews/autodividers-linkbar-demo.html Gives: Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/css/themes/default/jquery.mobile.css Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/js/ Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/js/jquery.js
movile popup menu problem i cant click for hide
Hi, i want that popup appear down of the button and not on the button for this i use this code style="top:140px;" it works fine but the problem is when i try to click again the button for hide the popmenu it not work, any solution? thanks the code: <a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="slideup" data-icon="gear" data-theme="e">Actions...</a> <div data-role="popup" id="popupMenu" data-theme="d" style="top:140px;" > <ul data-role="listview"
Refreshing the whole jQuery mobile dialog programatically
I am developing a mobile application with jQuery mobile and backbone. I have backbone model change event function, if any changes in the model, I simply destroy the whole page and recreate with template binding. i use$('#pageId').page('destroy').page(); which works fine. I want to do the samething for dialog (just destory the dialog and recreate the dialog and display it). Can you anyone tell me the right method to call.... I just tried with .dialog() but i didn't work.. thanks in advance. my dialog
Get Parameters from internal page
Hi I have two pages which are generated dynamically and one of the page has parameters as <li><a href="?cid=1234&sid=test#display2" to navigate to display2 page.. but when i try to get the parameters cid and sid i get null value but if i put rel=external I get the values of it bur the page refreshes which i don't need. please let me know how to write code and implement it ... here is the code <!DOCTYPE html> <html> <head> <title>Test</title> <meta name="viewport" content="width=device-width,
document.ready not work in jquery dialog box.
Hi, I have make simple jquery mobile page for display data from server. I have also display graph of data on click. I have made external page for display graph using jqplot and its works. I want to open this graph in jqm dialog box but it did not work. why ? Code of open graph page <a href="external_php_page_link" data-rel="dialog" data-transition="flip"><img src="images/graph_icon.png" align="absmiddle"/></a> Its open page properly but display only HTML buttons that i have already in put in page
Popup don't show by clicking href element but can show by API
I create a popup,when I click the button refer to the popup, the popup doesn't show, when I use api: $("#addCatoPopup").popup("open"), the popup shows. what wrong? My code is below: <div data-role="header"> <a data-role="button" data-rel="back" href="#" data-icon="back">Back</a> <h1>Catogery List</h1> <a data-rel="popup" data-position-to="window" href="#addCatoPopup" data-icon="plus" data-role="button" id = "catoAddBtn">Add</a> </div> <div data-role="content"> <ul data-role="listview"
design error after ajax request
widget not get an update within a select fieldcontain after ajax request. asin did something after the ajax call: <div data-role='fieldcontain' > <label for="color">color</label> <select id='color' class='color' name='color' > <option value="1">blue</option> <option value='2'>red</option> </select> </div> this the the php I bring with ajax, $('select.color').selectmenu(); this is the way I try to create the widget. some help please?
JQuery support vendor experiences?
Hi, We are looking at replacing a mobile vendor product with JQuery Mobile, but are in a commercial environment and will need to purchase support. I would love to hear who you are using (if any) for product support and what your experience has been. If you are willing to talk via phone instead of over the forum, please post your contact information and I'll reach out to you directly. Thanks, Anita B.
JQM 1.3.1 Missing From Microsoft CDN
Are there plans to put JQM 1.3.1 on the Microsoft CDN? http://www.asp.net/ajaxlibrary/cdn.ashx#jQuery_Mobile_Releases_on_the_CDN_4 Thank you. Jim
jQuery 2.0 beta 2 still causing exception in Win8 apps?
I'm building a Windows 8 Store metro app with VS2012 using HTML5 & JS. Everything works when I code using jquery-1.8.2-win8-1.0.js, but I get an immediate exception when I try to use jquery-2.0.0b2.js, as shown below: Exception is about to be caught by JavaScript library code at line 5756, column 6 in ms-appx://40531768-3358-4def-a573-fafbf210b95e/js/jquery-2.0.0b2.js. 0x800c001c - JavaScript runtime error: Unable to add dynamic content. A script attempted to inject dynamic content, or elements previously
Close dialog X Then Launch Dialog Again
I am using JQM 1.3.1 and CodeIgniter 2.1.3 I have 2 pages: Page 1 is a multi-page HTML with 2 dialog sections. Page 2 is a multi-page HTML with a single dialog section. 1) On page 1, launch a dialog 2) Click the CLOSE X button on the dialog 3) After the dialog closes click the same button to relaunh the dialog 4) The dialog launches and everything is good. *************************************************** 1) On page 2, launch the dialog 2) Click the CLOSE X button on the dialog 3) After the dialog
How to scale header image to header height?
Hi, My header looks like this <div data-role="header"> <img src="..." class="ui-btn-right" /> </div> How to scale this image height to match the header height? Thanks!
Two footers one fixed one not
Two footers on one page? HTML5 and CSS still boggles me at times so its why I here asking.... My question/problem is I really like JQM panel/header/content/footer and how its set up. The problem I have is I want a Fixed Tool bar that I can leave on the display at times and I still want my regular footer. From what I understand and my testing I have to give up either the header or footer to the 'fixed' tool bar but I can't have both. I've tried putting my footer at the bottom of the content section,
Json WS Second, 3rd level List view consumption..Please Help
Hi I am trying to display a Dynamically generated List View upto 3 levels where 3 levels of list view would call 3 different Json webservices. I was able to generate fist level of Listview by consuming Json but i am not able to(or I dont know how to call the next two webservices as we navigate by clicking on the first level dynamically generated List views Items...By a filter as parameter. here is theJson for now it has only one returned value but will have more.....(this is returned by passing
simpleDialog
Hi, i want to use a simple Dialog with JQM, i got an example from here unfortunally it doesn't work !!!, here is what i want to do: gestion.js function closeSupprimerDialog(id){ alert(id); // i got id here $(document).delegate('#confirmationSupprimerOffre', 'click', function() { $(this).simpledialog({ 'mode' : 'bool', 'prompt' : 'Confirmation', 'useModal' : true, 'buttons' : { 'Delete': { click: function () { $('#confirmationSupprimerOffre').text('delete');
Newbie with JQM and Firefox
Hi all, I'm starting to use JQuery mobile to develop a mobile/desktop application. So far my simple app is working on Android, iOS and in Chrome on Windows desktop. We have an environment here with Redhat Linux and Firefox, I've tried the app on Firefox Windows but it doesn't work. I'm seeing the list but the pages data-role doesn't work, if I click on a list item, nothing happens. I know the links with "navigator" won't work in desktop, but at least I should see the page when clicking on item lists.
css classes not applying on android
lets say i create a div with <div class="mynewclass"> test </div> so the css looks like .mynewclass { background: marging: etc, } when i open the page in a browser, it works, on android (and on the emulator) its like there has been no css-class. my strukture is: <!DOCTYPE html> <html> <head> <meta ... <meta ... </ <title>myquestion</title> < jqm-stylesheets... <link rel="stylesheet" href="themes/v2.css" /> <script .... > </head>
i have already created dynamicaaly listview items by using webservice now i want to pass parameters when clicked on list view items
here is my code: for first page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> $(function() { $(document).ready(function(){ $.getJSON("http://siliconsoftwares.in/store/storejson1.php",function(data)
Buttons not working on mobile device
Hi, I've been a long time trying to fix this and I'm sure it's something simple (which is what irritates me even more). I have a button that is used to retrieve data, it works fine on my laptop but on a mobile device it doesn't work. I've tried this way: <button type="button" data-role="button" data-icon="refresh" onclick="loadXMLDoc()">Generate</button> Can anyone help?
Multi-page with Jquery mobile does not work on IE10
Hello, I'm working on a project to provide a multi-page website which can be seen not only PC web browser but also mobile browser. The main issue is I really need to provide this content on a single .html page. So I have settled on jQuery mobile (div tag with data-role) but I'm having headaches because the button is NOT working at IE 10. An example as below, index.html --------------------------- <!DOCTYPE html> <head> <meta charset="utf-8" /> <title> div test </title> <frameset cols="30%,*"
Next Page