Highlighted collapsible set in jquery mobile
Dear Gurus, how can I change the theme of selected (expanded) header of collapsible set. Also: all the collapsible headers are grey, but then when they are opened, they should turn blue (also highlighted). If I get an examplar, I would be very glad. (I apologize for my English) Best regard: Andreas
Is there any alternate for wysiwyg for mobiles???
I need suggestion for using wysiwyg editor in JqueryMobile. I'm trying but the editors are not supporting in Mobile/tab Browsers. Can anyone suggest me for the best alternative.........
set controlgroup to full width in content?
I'm trying to make my controlgroup buttons expand to 100% width. I've researched the internet and found: .ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; } This increased the controlgroup controls div to full width but the buttons don't expand. See my example here: http://jsfiddle.net/PwNnq/ The Yes/No buttons should expand to full size and, ideally, align to the bottom of the content div. Can anyone help me with this? Regards and thanks in advance
JQM app significantaly slower on iPhone 4
I have made a JQM app and when I test this app on an iPad 2 it runs very smooth and fast. When I test the same app on an iPhone 4, it is significantaly slower. The page transitions are very slow. One of the things I noticed on the iPhone 4 when opening my app is that the progress indicator is continuous visible without stopping. On the iPad 2 it stops after 2 seconds when the app is started and only is visible a half second when navigating through different pages. The other thing I noticed on the
Multi Page navigation url going back to #page1
I am working with a multi page layout, and am using swipe to navigate back and forth. Currently my page has 3 "pages", defined with 3 <div> sections with data-role="page" and each is named with id="page1", id="page2", id="page3" Within each "page", I have a primary block of content included in a <div> tag with the appropriate ID set to "body1", "body2" and "body3". I have swipe events set on these to navigate from page to page as follows: <script type="text/javascript"> $("#body1").swipeleft(function
LARGE GRID LAYOUT
How to create a multi-line grid layout with more than 5 colums? I have an app designed specifically with tablets in mind, so I'd need a grid with 10 columns or so. how to do it?? What should I customize or copy-and-enhance?
Forms advice for JQM beginner please?
REPOSTING in the right forum:Hi, I have built a simple form with a few data fields but I now want to: intercept the Submit button to run some JavaScript to write the values to LocalStorage variables instead of posting to a server. Clear the fields and ready the form for another data entry. Can you advise the right techniques for doing this with JQueryMobile? Thanks
Problem with offline (AppCache) and JQM images
I am building a JQM webapp on iOS6 and using the appcache to get it to work offline. It seems to work OK until I add the images/*.png files and ajax-load.gif - then the offline caching seems to fail. I am catching data from a form. I have added data-ajax=”false” to the form to try to simplify the way it works. Any thoughts? This is what is in the appcache file... CACHE MANIFEST # 2012-10-28:v3 mainpage.html jquery.mobile-1.2.0.min.css jquery-1.8.2.min.js jquery.mobile-1.2.0.min.js images/ajax-load.gif
JqueryMobile Not Working Online
My jQuery mobile website works great when previewed in Dreamweaver. However, when I upload it to my server and view it online, nothing works, nothing is aligned...everything is just off badly. I'm posting a link to the files if anyone wants to help ( www.2slickcoders.com/mobileMakers.rar ) But here's the code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
JQM 1.2.0 and popup problem
I can't get the popup working. I'm using Jquery 1.8.2 and JQM 1.2.0. When I add an popup to my project I don't see the popup when pressing the button. The popup appears only when I click a button to go to another page. The page disappears, the popup shows for half a second and the the new page. Below a simple test for the popup. Clicking the button doesn't show the popup. What to do? <!DOCTYPE html> <html> <head> <title>Test</title> <link rel="stylesheet" href="jquery.mobile.css" />
Posting a Dialog Form with AJAX, no page refresh, close dialog after Post
I have searched and tried but cannot find a way to post a form from a Popup (JQM 1.2.0). I want to show any form errors in the popup, and close the popup on success. Does anyone know a tutorial for this? The official JQM 2.0 Docs don't mention anything about this.
LINK color in Footer link
I've a problem with links in footer. They are "colored" with rgb(124, 196, 231) but in my css I've color: #7cc4e7 If I check my css: .ui-bar-a a.ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; } If I check, in firefox, with firebug: .ui-bar-a a.ui-link { color: rgb(124, 196, 231); font-weight: bold; } I searched in file for "124, 196, 231" in every css, but there's no clue about this color. How's possible that it's showd with this color, and not with my color?
AJAX form submission with Google App Engine
I am having issues with submitting forms using JQM and Google App Engine. I am using Java on the App Engine. I am also testing this on my iPhone and iPhone simulator. Currently I have two simple forms... a registration form, and a login form. Using the default JQM AJAX form submission, the registration form works fine. The problem occurs with the login form. When entering the username/password and tapping "Login", the form simply does not submit. Here is my latest try... The form: <form id="loginForm"
JQuery Mobile / InputTextBox Question
Hoping someone can help me out with this I'm using Jquery Mobile with Android (JellyBean) And I'm running in the below problem; it has to be something simple I'm missing I have an html page with a form with two input fields On the same page I have a button that goes to a javascript method(onClick) to process the elements on the form(var oForm = document.getElementById('loginform');) and so on. I fill out the form via the emulator keyboard (both fields) and press go. It takes me back to the html
Using Google Analytics and data-prefetch enabled?
Hi there, I'm employing Google Analytics on my jquerymobile site using the information found in this thread: https://forum.jquery.com/topic/proper-way-to-add-google-analytics The tracking information works fine, but really skews some of my data points such as pageviews, since I use data-prefetch heavily on my site. We are using jquerymobile for a mobile news site. Each category listing lists ~20 articles. The data for these articles are pre-loaded, so that the slide transition occurs immediately
jquery mobile animate() problem
Hi, there I am developing a new web app for android tablets and have such a problem. I use jquery animate() function to animate the height of a div. Everything is ok when I test it on PC browsers, but animation is slow and choppy on tablet's opera mobile and android browser. Here is the animation: <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
Execute javascript when page shows
Hi, I need to create some JQM pages that execute javascript automatically when pages show. I am having trouble to make them work. e.g. The following page: http://codeturtle.com/files/nav1.html When "Go to Nav 2" is clicked I expect to see "Nav 2" in the alertbox, but "Nav 1" shows instead. If I go to nav2.html directly, it does alert "Nav 2". Thanks
custom select menu conflict with footer in jquery mobile
Issue with jquery mobile custom select menu and the footer in IOS mobile devices. This works fine in emulators: 1. The native select menu pops briefly on quick swipe of the menu. Next the Select menu finally loads. Then the footer disappears. 2. When a long menu is displayed and a user scrolls down to the bottom and then closes the select menu, the footer is "floating" on the previous page Note: The custom select menu works fine without the footer.http://jquerymobile.com/demos/1.2.0/docs/forms/selects/custom.html
jquery list divider headers fixed at top :old question - link not working
Hi, I ahve a requirement : that the divider in collapsable ;lists- should stay at top when items inside it are clicked and when other divider is clicked or items inside it , this divider should stay at the top and replace the previous one. "in collapsable - Is there a way to make the jquery mobile List divider header in side the collapsable be fixed at the top of the page until the next list divider comes up and takes its place" please help me on this looks like the question was asked but the
JQM 1.2 select dialog not working.
I am having issues with the select dialog not working without hash navigation The dialog fails to open because the urlHistory.getActive().url is undefined on line 3928 of jquery.mobile.js I have some sample code available here, and would appreciate some insite http://pastebin.com/ru6P5Ca7
dynamic listview
The following code works with FF, IE8 and even Safari running on my mac function getMineList() { $('#mineGameList').html(""); // init the list of my games userName = localStorage.getItem('userName'); $('#mineFormSignonID').val(userName); $('#mineFormRequestType').val("myGames"); var data = $("#mineForm :input").serializeArray(); $.post($("#mineForm").attr('action'), data, function(json){ if(json != null) { if (json.length > 0) { var
wrapping input elements inside labels to prevent duplicate id-attributes
quick share: If you wonder how to prevent duplicate id-attributes on repeating elements (like popups with login-form, forms in toolbars, which can all end up being in the DOM multiple times): You can also wrap the input in the label like so: <label>some text <input type="text" name="form_id" value="write something" /> </label>which will produce pretty much the same as the doc's <label for="form_id">some text</label> <input type="text" id="form_id" name="form_id" value="write something" />only...
Issue on icons and list view rounds
Hello, I am migrating jqm to the 1.2.0 final version and found out wired behavior on icons and listview rounds When you see the icons and rounds of the buttons, you can see the gray background color with BlackBerry Torch 6.x. This is not being seen till the 1.2 beta but from the 1.2 rc 1 it appears. I think it came from this bug fix. Added missing webkit prefix for border-radius on Android 2.1 and iOS 3.2. https://github.com/jquery/jquery-mobile/commit/651e5468a04739f31f07f2f4cb7b847e63752b40
MVC Razor Template with multiple pages not rendering
Hi all, I am using a razor template so I can reduce the amount of clutter in my mvc views when working on code. I have created "section" which will render as the seperate pages required for my mobile pages as follows: <div data-role="page" id="page2"> <div data-role="header"> @if (IsSectionDefined("Header2")) { @RenderSection("Header2") } else { } </div>
recognizing client device size
I am building a singular jquery- mobile application that is accessed by Desktop-browsers, Tablets/iPad, Mobile-browsers (big screens) and mobile devices (smaller screens). I want to discard any mobiles that are too small (say smaller than a defined width and height, were I will show a not compatible message). So this takes me to 4 categories: 1. Desktop 2. Tablet. 3. Smartphones with big screens. 4. Smartphones with smaller screens. 5. Smaller than 4th category which I will discard with an error
JQM and PHP, SQL (Phonegap)
Hello, I tryed to connect with my mysql database and JQM page. The only idea that I had was PHP so i created a mysql database and a PHP page where i can administrate the database. <?php ############################################## require_once 'pwd_inc.php'; require_once 'connect_inc.php'; ############################################## $sql = "SELECT * FROM News"; if ( isset ($_GET['sortby'])
Touchmove is not working in tables
I am new in jquery. I have a table with 4 rows and 4 columns, now i want to change the background color of TD when i move my figure from one TD to another TD , same as mouse over. Touchmove is not working. Thanks in advance.
in need of feedback, Trying to initializing basic jqm 1.2.0! loader & triggers wont work!
Hi, ive been trying to setup a basic jqm 1.2.0 page for my mvc application. and after 4-5 hours im in urgent need of some feedback! The page loader dosent disappear, and i cant get the data-role="collapsible" to trigger on my Iphone 4. on the computer it works just fine. if someone can have a look at the code it would be very much appreciated! what im doing wrong? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
Align label and textbox
Hi, I have this page: http://codeturtle.com/files/mobile1.html How do I align label and textbox into the same row? I don't want to use table. Thanks
demo jquery-mobile site for inspiration (graphs/tables)
I browsed the applications listed in the JQM homepage to get some inspiration from the existing usages. I am looking for any data-centric publicly available site that shows mini tables, charts and graphs in the jquery-mobile world. I know producing graphs has to be done on the server side with an external library but want to see a m.xyz.com to get the final look and feel. Also it will be good if it has multiple single-pages for navigation. Any example web sites?
Over scrolling of page in windows phone 7 cordova application in jquery mobile
I am developing a jquery mobile (1.1.1) and phonegap(cordova-1.9) application for windows mobile phone 7. App is working fine with some problems like whole page is scrolling by default. To prevent this is I use http://forums.enyojs.com/discussion/353/windows-phone-7-disabling-the-default-pinchzoom-scroll-snapback-behavior I have top bar,bottom bar and scrollable listview. The above mentioned link stops scrolling of listview. please tell me any solution that default scrolling of whole page is prevented
Simple/Light-weight User management in PHP Web App
I am using JQuery-mobile and buit a web app. I am looking for integrating some out of the box "user management" module instead of handcoding. Features that I expect are as follows: 1. Have a CAPTCHA enabled + e-mail activated registration process with a defined set of fields. 2. Have a way to subscribe/unsubscribe (or completely delete) account features. 3. Let FaceBook/Gmail/OpenID be alternative login channels. 4. Anything that is relevant to the general lifecycle of user management. Technology
How get information device mobile ? Please , help me..
I want information Mobile access my Web ? How get....help me please...
Simple mobile Application
I want to develop a Application. It has 2 part. One is web based that I have completed in php. Second part is mobile Application. in this project, instructor will take interview from students . He/she will enter marks by mobile Applicaton. then he will send these marks by using BT to the main web based applicaton. now questions is , how can develop mobile application part by using jquery. thanks.
Slider value to PHP and then to MySQL?
Greeting community, I am a beginner and I don't know, how to from PHP access to the slide value, that I can store in a MySQL database? //1. Slider echo "\n<div data-role=\"collapsible\" data-theme=\"b\" data-content-theme=\"b\">"; echo "<h3>$row->Menge $row->Einheit $row->Bezeichnung</h3>"; echo "<p>"; echo "<label for=\"slider-fill\">$row->Einheit $row->Bezeichnung</label>"; echo "<input type=\"range\" name=\"slider1\" id=\"slider1\" value=\"10\" min=\"0\" max=\"30\" />"; echo "</p>"; echo "</div>";
problems by using local jqmobile-version
hi ! i start to develop a side [1] and i have a probleme by using a local version of jquery mobile. when use the css/js-file by online like <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.js"></script> there will no problems. my sources are
Where am I wrong?
Code: $( "#listview_1" ).listview({ create: function(event, ui) { alert('创建个listview'); } }); Error message: mobile.html:12 Uncaught TypeError: Cannot read property 'jQuery182037365721934475005' of undefined jquery.mobile-1.2.0.js:8522 $.widget._createSubPagesjquery.mobile-1.2.0.js:8522 $.widget.$.widget.extend.widgetEventPrefixjquery.mobile-1.2.0.js:557 $.widget.refreshjquery.mobile-1.2.0.js:8174 $.widget.$.widget.extend.widgetEventPrefixjquery.mobile-1.2.0.js:557 $.widget._createjquery.mobile-1.2.0.js:7988
Url stays same after login
Im using django with jqm and having some troubles, I digged django forums and problem seems to be with jqm. All the pages work fine but, if I login a person and make a redirect, I get the correct page rendered but url in my browser stays the same, if I hi the refresh button, I get the previous page. Also multi pages does not work. any idea? thx.
JQuery Mobile 1.2.0 Popups navigate back too far on close (with Knockout JS?)
I have hit an issue with JQuery Mobile 1.2.0 Popups on multipage app which causes incorrect navigation on return from the popup. The issue may be an interaction between Popups and data bound controls using Knockout-JS (2.1.0). I am able to create a popup (clicking on a button) and the URL changes to add the hashtag "&ui-state=dialog" as it should. I close the popup and it returns to the underlying page apparently removing the hashtag from the URL as displayed in the browser navigation bar. So far
Disabling JQM ajax request and receive ugly UI instead
I have a asp page and I disabled my jquery post via $.mobile.ajaxEnabled = false script, but now new problem occurred and its about my page UI, as I disabled the jquery request the server response that return from first request is not user friendly at all, because jquery handle the UI of my page. Now the question is how to manage both the UI and ajax request inside my page? I found that the response from first request is just updating content of updatepanel and jqm css classes didnt assign to elements
Next Page