how to replace onChange="this.form.submit(); for ajax page load
Hello I'm trying to replace onChange="this.form.submit(); with a script to get it to work with ajax page load. <form id="manufacturers_catalog" action="http://localhost/oscommerce-2.3.3.4_updated/catalog/mobile/catalog_mb.php" method="get"> <select name="manufacturers_id" id="manufacturers_id" data-native-menu="false" size="1" data-theme="a"> <option value="">Please Select Manufacturer</option> <option value="6">Canon</option> <option value="4">Fox</option>
List item and MVC4 styling
I have a set of list items that I am using that need to be a link and http post back to the controller. I had to do some custom styling on them, just not sure the best way to handle it. This is what I have: <ul data-role="listview" class="listItems"> @foreach (var item in Model.shares) { <li class="outerListItem"> <div class="accountLI">@item.description</div> <div class="currentLI">@item.Num1</div> <div class="availableLI">@item.num2</div>
Jquery mobile and asp.net button not firing
Sorry guys i've tried looking through the previous post and non seem to be helping me with this issue. simple jquery mobile page with a asp.net button on it that i want to fire to update the database with a one textbox field then redirect to another page. using a master page and a child page with my content in it. in header of master page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
Choosing appropriate technologies for mobile app development
You already have developed a mobile app or you plan to develop one in the future? You wish you had a guide for choosing appropriate technologies? With the participation of the following survey you can help to evaluate the spread of different technologies and support the implementation of an interactive guide for mobile app development. Filling out this survey will only take 5 minutes of your time and it would really support the writing of my bachelor thesis. Link: http://survey.pilhar.net/index.php/survey/index?sid=861867&lang=en
How to deal with the conflict between Jquery Mobile and Jquery UI?
I want to use the image resize and drag function of Jquery UI in a Jquery Mobile-based page, but after adding Jquery UI lib in the page, all Jquery Mobile CSS lost effect. Anyone got any hints? Thanks in advance. Code like this <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="./jquery.mobile-1.4.2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"
My buttons don't get enhanced when having JQuery UI script
Hi, I hope someone can help me. I am moving an application to the JQuery Mobile framework and I am having a problem with the buttons, they don't get enhanced by JQuery Mobile, I discovered that having the JQuery UI script file referenced in my program interferes with JQuery mobile enhancement, it seems like JQuery UI takes precedence. I use UI for dialog boxes and I would like to keep it that way, I moved the UI script before the JQuery Mobile script and the buttons now look but the dialog boxes
Navigation Will Not Display on Mobile Devices
The jquery navigation I'm using works properly on desktops and laptop devices, but for mobile devices (iPhones, iPads, and Androids) it does not display. Need help identifying a solution. The URL: Foremost Family Health Centers. Thanks in advance for your assistance. TC
Listview in jquery mobile is appearing as bullets
<ul data-role="listview" data-inset="true" > <li data-role="list-divider" >Highlights</li> <li>Guaranteed Placements </li> <li>Confirmed Companies for Internship</li> <li>AICTE / UGC Approved</li> <li>International Faculty </li> </ul> What to do? Please help!
how to change jquery mobile panel width?
i try to change panel width using .ui-panel { width: 50px; } it work... but panel background layer width didn't change.... plz help.....
How can I fix this? Size of the page? or size of the content?
As I can make darkblue line fits all size of my screen and not the size of the contents, please help, not sure if the size of the container or product. excuse me for my pour english.
Cannot change background color of select box
I am using jquery.mobile-1.3.0 and jquery-1.10.2 with jquery.mobile-1.3.0.min.css and jquery.mobile.structure-1.3.0.min.css I would like to change the background color of a <select> box but I cannot get it to work. I can change the background color of a <div> with: <div style="background:red"id="test1" data-role="button">Test-1</div>But if I try and do something similar with a select box nothing happens. Here is an example of what I have tried: <select style="background: red" id="feed" class="news"
about jquery mobile,when checkbox item contains textbox,textbox will displays irregularly
Code are here,I don't why,can some one tell me,how a textbox can be included in a checkbox item? thanks a lot! <fieldset data-role="controlgroup"> <legend>Vertical:</legend> <input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a"> <label for="checkbox-v-2a">One</label> <input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b"> <label for="checkbox-v-2b">Two</label> <input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c">
Scaling images in popups
On this page http://demos.jquerymobile.com/1.4.2/popup/ it has a link for "scaling images in popups", which i am interested in, but the link leads to a 404 error (http://demos.jquerymobile.com/1.4.2/popup/popup-images.html) anyone know where this information exists ? I'm trying to get a reliable way to view item images in the app I am working on
Problem load page. Need refresh
Hi.. I just try this great jqm. Try my page to find my problem http://www.svariogroup.it/markethink/svariomanager/marconibeach/stats.php Click on one of the voice The hyperlink doesen't work... but if you refresh page... it works!!! It happen not only in this case! Could you help me? thank you very much!
.Toggle function with php on mobile
I've made notes in the code below, on my mobile site I would like to hide information unless a user taps on the name. There will be anywhere from 3 to 100 "Names" on the screen at a time depending on what the user is searching for, and each one will need to have information hidden until the name is tapped. This should be a simple toggle, however, each line item is being dynamically pulled from a database so I can't hard code the toggle function. Any thoughts on how I could fix this? //I've cut
jQuery Mobile - .select('refresh') not working
My code works perfect until I add the jquery mobile styling to the selectbox and they no longer refresh correctly. The second selectbox is populated with ajax. After reading around I've found that I need to issue a refresh on the selectbox but I can't seem to get it to work. I'm not massively familiar with AJAX but when the boxes are un-styled with 'data-role = none' it works as expected, so it seems to be a problem with jQuery mobile. Edit: I should mention I followed the following tutorial: http://amecms.com/article/Building-Chained-Select-Boxes-with-Jquery-and-PHP
Tip: display a plain icon. Bonus tip: awesome icons!
The question occasionally comes-up as to how to display an icon. Just an icon. Not a button with an icon. Not a list item with an icon. JUST an icon. Unfortunately, the JQM docs don't seem to address how to create just a plain old icon. I suggested a solution the other day, but it wasn't quite right. Here's the right way: <div class="ui-icon ui-icon-arrow-r></div> You might be tempted to use a <span>, because if you examine a typical page with an HTML debugger, you will see that all the icons used
Problems with Spanish characters
Hello, I am using jQuery Mobile 1.4.2. When I go from one JSP file to another JSP, I gotta to send some values into the URL. Some of these values have special characters (áéíóúñ...). When I print the values with these special characters on my second JSP, they aren't decoded and I get symbols. I have fixed my problem using encodeURI() and decodeURI() to skip my problem. Are you gonna fix this problem? Thank you, Diego.
Website Corrections - jQuery Mobile
I'm methodically going through the website... include the demo. and api. sites. What's the best method to make note of errors, omissions, and broken urls? Is is this forum? I didn't see any other posts on the forum regarding the site. Nor did I see an email address for this. Of course, text changes, I could do, but the broken links are to pages that I'm not always certain what's to be there. Please advise.
jQuerymobile: How to theming footer with 1.4.2 ?
Hi. In old versions it ws possible to theme e.g. the footer for errormessages like data-theme="e", the rest of the webpage was then the default theme. In jquerymobile 1.4.2 there are only two themes, black and grey. With the themeroller i can customize the webpage, but not individual elements like footer, labels etc. How can i do this with jquerymobile 1.4.2 ? Regards, Alex
jQuery Mobile Dynamic Nested Collapsible with Embedded Buttons
Does anyone have any suggestion for constructing nested collapsibles with embedded buttons. In the attached jsbin clicking on the embedded button in the static collapsible will dynamically nest an additional collapsible with it's own button. The problem is I see no way to link to the dynamically created collectable button so the process could continue. I attempted to use both trigger() and enhancedWithin() on the buttons parent element. http://jsbin.com/helif/4/edit
Scrolling up and down in Chrome Browser in Android popup disappear for few seconds
I am using jquery mobile popup in my site. When popup opens with chrome in android device popup behavior slightly changed. Scrolling up and down with popup open, popup disappear for few seconds and comes again. In other browsers it work great only chrome have this problem. It work fine with iOS too. I am working on this problem with long time but not getting any solution. I am using jquery.mobile-1.4.2.js file. Here is the demo page. http://demos.jquerymobile.com/1.4.2/popup/ Steps to reproduce Open
jQuery Mobile Selectmenu Widget
Hi there. I'm currently trying to get the Selectmenu widget running on a project of mine. I want to be able to use the native menu on mobile devices but a custom styled one on Desktops. I tried building a custom build of jquery mobile just for that functionality cause I don't need anything else, so I selected "Selects" and "Selects: Custom menus" in the Mobile Download Builder. However something seems to be missing in the dependencies, because I only get the native menu to function properly. The
is it possible to change JQM's default icon? ( locally hosted files)
I locally hosted jQuery's CSS files. In the images folder, I changed the icons-18-white.png, and altered the default shape: it works fine in Chrome environment when I refresh my browser. But when I build my application on devices ( iPhone or Android), it's still pick up the old default icon. First, I thought it is cache issue, but I've tried to clean the project, but does't work. any suggestions?
Navbar Tabs Active Issue
Hi Team, I would like to say thank you to team for provided great framework. Yes I have started mobile application with using 1.4.2 latest version. In specific screen I have used Navbar for Tabs and same screen I have overlay menu also like example (http://demos.jquerymobile.com/1.4.2/panel/), when I pressed 2nd tab tab will be activated and change to some other background color which is shown tab activated. Now my 2nd tab activated click on overlay menu icon, once I clicked overlay menu icon activated
bug with chome and popups
Hello, I found this bug and I wonder if anyone else has experienced it. I have a popup with only an image inside; the image is inserted in the code, it is not a background image. With Firefox, by clicking on the link that opens the popup, everything is fine. In Chrome not, it is like it is not calculating correctly the size of the image. I have to adjust a bit the size of the window and the image in the popup appears. This happens only the first time the popup "open", the second time it opens fine
Run a function after pagecontainer change
I'm wanting to run a function after a pagecontainer change to populate my page from a DB. I'm looking for the same functionality as .ready() in jQuery. I've seen both load and show, but I can't get either to work. I've used the following code: function goToHome(){ $(':mobile-pagecontainer').pagecontainer('change', 'index.html', { show: alert('test'), transition: 'slide', changeHash: true, reverse: false, showLoadMsg: true, reload: false }); } But my alert is
Panel is not displayed
I have implemented a Panel, but when i click on the button to display it, nothing happend. U can se it on http://mobile.babiry.com/. The top right button should display the panel. Thanx for your help!
External panel not animating smoothly JQM 1.4.2
Hi guyz, I've setup a testcase with an external panel. When I click the menu-bar icon (top left) the external panel is sliding in 2 pieces ("close" and "page A") items, and the rest "page b,c,d". Same splitted sliding effect is occuring when the panel is closing. First the bottom 3 items dissapear, then the top 2 items. This behaviour is not quite pretty. Bug in 1.4.2? Check out my testcase http://apps.flexmedia.be/wvt Thx, Christophe
Sidebar Menu Scroller
I am trying to develop Sidebar scroller (Its an Audit application), at the sidebar i want to give form question link which will be opened on side page as form so user can fill the form. I have got more than 1000 questions, wile selecting the question the side bar menu scroller need to get some specified color from both side. eg: if i am selecting question 1.1.1 it need to get some color as highlight on both side of the scroller, i dont want entire link to be colored. Any help please. Thanks.
Photoswipe problems on Galaxy S3. Anyone with the experience?
I just created my first app using jQuery Mobile and Phonegap. I used Photoswipe (www.photoswipe.com) to set up two galleries on the app. When I view the site in Chrome it all works fine. When I install the app on a Galaxy S2, it all looks fine. But when I install it on a Galaxy S3 (with Cyangenmod) I seem to get this big black box in on top of the pictures of Photoswipe. (see attachment) Does anyone have experience with using Photoswipe? Any tips? Also, When running the app through Phonegap Builder
jQuery Mobile background does not cover the whole page
Hey there, I`m working on my first jQuery Mobile Site for our restaurant. But there is a recent problem, that the background is not covering the whole page. As you open the page persio on your desktop PC, you`ll notice that problem. Hope you can help me. Cheers Daniel
jQM 1.4 has 250ms delay to beforefilter - why?
I had noticed that filter performance in 1.4 had seemed sluggish compared to 1.3 and earlier. It appears that a 250ms delay (verified by inspecting the source JS) has been introduced. As described here: http://api.jquerymobile.com/filterable/ The filterable widget reacts to the change signal by reading the value of the input after a short delay and iterating... Can anyone shed any light on why this might be? It gives the appearance of being far less responsive because of the delay.
How to create a responsive menu like JQM Demo Page?
I'm new to JQM and am looking for information on how to create a responsive menu like the the one on the JQM Demo's page. Specifically, I would like to build a navigation menu that has the following features: 1. Supports sub-level menu items 2. Is displayed/hidden when the screen is a certain size 3. When the menu is hidden, a menu icon is displayed in the header Ironically, I've peeked thru all the demo's and haven't found a demo that meets the above feature requirements. Thanks for any pointers.
How to control the flow in page transition
I bind some callbacks to the pagebeforeshow and pageinit events. My pages are accessible directly so I need to do some initialization stuff in the init and also in the beforeshow if a transition back occurs. We are using a REST backend so we also need to fetch some data within those callbacks. How can I make sure that the beforeshow event does not trigger after the init is completely done ? I would need to do something like this: $(document).on('pageinit', function (event) { event.preventDefault()
Popup - Strange partial opacity in background
Well, I have some problems with popup. In some pages there is no any problem. In others, the opacity background (overlay) of popup is applied partially. See the picture in annex. This is really strange, because i search in another page without this problem, and html is the same (looked for unclose tags). see my html: <script id=dtl_product_establishment type="text/x-handlebars-template"> <div data-role="header" class="put-panel" data-position="fixed" data-tap-toggle="false"> <h1>{{establishment.display_name}}</h1>
Passing parameter to server - needed for sql-statement
Hello, JQuery-version: 1.10.2 JQM-version: 1.4.2 I want to send some data from the mobile to the server for generating the next page (after clicking a link). For example there is a site with an <ul> containing some suggested dates and they all reference to the same page, namely view. The content of the page - where the user is going to visit - depends on the <li> he has chosen. I realized that by appeding a parameter like "?id=0", but I have problems with popups and during my search I found out
Panel widget not working when using footer
I followed every detailed instruction for the panel widget, but it doesn't work correctly or it doesn't work at all when using a footer. While experimenting with the panel code, everything works when there's no footer. But as soon as I put the footer back in, I cannot open the panel when clicking. I tried rearranging the order of the header, content, footer, and panel code per instructions on the panel page of the site. Something is not right here, or it's buggy, or the demo code isn't correct. Can
Problem loading page and JavaScript
Disculpe mi Inglés, yo uso el traductor de google. Tengo 2 problemas. 1. Tengo el siguiente código para cargar páginas internas con el móvil jQuery. <a href="page2.html" data-transition="slidedown" style="padding:3px 30px 0px 70px;"> cuando pruebo en la página informática get error de carga, pero este problema no se produce en la célula. ¿por qué? 2. cuando la célula de carga a la URL de la página anterior, aparentemente ignora el JavaScript que está en esa página. ejemplo página index.html Tengo
Content behind header, after create dinamically a page (.trigger('create').)
Hi guys, I have problems when i create a page using .trigger("create"). well, When i change the page, i do a loading data, and i do a refresh in page. But the problem is, sometimes the content stay behind the fixed header. What is the correct way to use page.trigger("create")? look my code: app.pages.to("#info_establishment"); $("#info_establishment").html(EstablishmentView.info_template({establishment: establishment, backParams: backParams})); // using handlebars to render the things app.renderPanels();
Next Page