Page only loads with data-prefetch. But not the way I want.
Hi everyone, I want to ask you a question regarding to this website: http://m.ideebv.nl/ When you click on a button, you go to the next page. This is good. But you can see that this page only shows a code. Only when you refresh this page, he shows the information what I want. These buttons contain the data-prefetch attribute. I think it has something to do with the problem. When I don't use the data-prefetch attribute, the pages don't load at all. He only shows the loading circle. But that's it.
<thead> formatting issue with jQM reflow when table "re sizes"
Hey guys :). I am experiencing a minor formatting issues with jQM's reflow plugin when my HTML table re sizes I am losing the font-weight: bold; formatting on all my thead tr th elements while it may not sound like a big issue it makes distinguishing the data a lot harder and it is no longer easy to quickly pull information from the table. Followed instructions found here: http://api.jquerymobile.com/table-reflow/ I am under the impression it may have something to do with my .my-custom-breakpoint
JQM Time box is showing error message There is no mode by that name loaded / mode not given
Hi, I am trying to implement jquery DateBox and TimeBox. DateBox is working. But timebox is giving the error " There is no mode by that name loaded / mode not given" Another problem I am facing is DateBox/time box popup is displaying behind my data-entry popup. Is there any way to increase the z-index of time/date box? Code ===== <head> <title>Registration</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> <link rel="stylesheet" type="text/css"
error bug in radio box and for jquery mobile 1.3 and jquery 1.9
found out an error like below example <fieldset data-role="controlgroup" data-type="horizontal" > <input type="radio" name="radio_regional" data-mini="true" id="regional_1" value="R1" /> <label for="regional_1">regional1></label> <input type="radio" name="radio_regional" data-mini="true" id="regional_2" value="R2" /> <label for="regional_2">regional2></label> <input type="radio" name="radio_regional" data-mini="true" id="regional_3"
Changing Orientation & Keeping Image Positions [SOLVED]
On my Android phone, as well as on the iPhone of the guy who owns the site, this page views OK in portrait mode. http://gmjones.org/tmp/index.html I don't think the device would ever need to be rotated to landscape but when it is rotated, there is an obvious change in the arrangement of the images. Are there any general rules for arranging images if the device is going to be rotated?
type=date
Hi; I have the next input control: <input name="fech" id="fech" type="date"> And when I initialize the form, I do for example: $('#fech').attr('value', '16/04/2013') Under I.E. 9, or Blackberry browser the controls shows up with that value and as a standard date input. But under Chrome, it shows me dd/mm/aaaa instead of 16/04/2013. How can I make it working in same way for all the browsers?. Best regards, Adriano
Jquery Mobile Database connection, AJAX and data format (Table Cell formating)
Based on some wonderful tutorials, I have been able to set-up a database (Mysql), and use AJAX, PHP and html5, to pull data from my bus schedule in a database, I learned how to do an array, and this all works great..However, for some reason, using CSS and javascript I have NOT been able to format a cell a different coloe based on the value that is populated to the Table cell from the database. For example, I have an array that loops through a database table, and then populates my HTML table based
Download Builder not working for 1.3.1
Ive tried a few browsers, but i cant seem to use the download builder anymore: http://jquerymobile.com/download-builder/ Forever spins
Mysql database with login and Category
Hi I have Mysql database and make Android app around it in basic4android I want to make it in Jquery mobile so I can use it on Iphone and Windows Mobile This is simple database with 1. Login 2. Category = company names When you select the company you get staff working in the company 3. When you select on of the staff you get form where you can select to call send SMS or send email Do anyone have sample what I can check out or help me with this Please Regards Sigster
link to a new page with a "#" that disturb it
Hello, Firstly, sorry for my bad english, but i am not very strong in language... I have my first page index.php. I create a link to another page fiche-prod.php with differents parameters. <?php $link=$ndd."/mobile/fiche-produit.php?id_gamme=".$gammeg["id"]."&id_ssgamme=".$ssgammeg["id"]."&id_ssgamme2=".$ssgamme2g["id"]."#descriptif"; ?> <li><a href="<?php echo $link;?>" data-transition="slide" class="titre" title="<? echo stripslashes($ssgamme2g["titre_fr"]);?>"><? echo
Disabling listview filter
Hi, I have a number of listview text filters on a single page. <div> <ul disabled id="autocomplete2" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Any station" data-filter-theme="d"></ul></div> I can disable / enable all of them using: $('.ui-listview-filter input').textinput('disable'); However, so far I am failing to get a handle on a specific filter to successfullydisable/enable just one of them...
Overriding CSS to Change Navbar. [SOLVED]
Working on this mobile site: http://gmjones.org/mobile_mockup/index.html Because the navbar is within the header, any changes like the color are applied to it. I want to change the background color of the navbar. Using Safari's 'Inspect Element' feature, I can't seem to see the refence to 'About' navbar item I originally right-clicked on. What's the correct way of using Web Inspector to find out the class/id of an element. **UPDATE** I've identified '.ui-btn-inner' as the element, but it changes
Dialog without user clicking a link
I have a dynamically generated page where, during the page rendering, I would determine that an error message is to be included in the page, such as to tell the user they entered invalid data in a form. In my mobile version of the page, I thought it would be nice to pop up an error dialog, to ensure they don't miss the message. I can see that any page can be displayed as a dialog from a link using data-rel="dialog", but is it possible to have the decision to pop up a dialog embedded in the page itself (and
Need help in Jquery mobile it embed its html and classes again if they are embed already
Can you guys help me i am facing a problem jquery mobile embed its hmtl and classes again if they are added already.I am saving **html** in data base and displaying **html** dynamically.example below : This is Html <div class="check"> <div class="heading"> FOR TESTING </div> <div class="conatining_input"> <input type="text" name="text" /> </div> <div class="conatining_select"> <select name="select"> <option value="first">first</option> <option value="second">second</option>
ClientX, ClientY, of virtual events are wrong in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2
The value returned in virtual events for ClientX, ClientY, in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2 make asolutely no sense. The values that should be returned by ClientX and ClientY are returned as value of ScreeenX and ScreenY instead ...Very Strange!!!! This means that Screen coordinates are returned in...no place. Values of PageX and PageY that are computed from ClientX, ClientY are also wrong...and this causes problems in some applications.... Now if I copy ScreenX, and ScreenY
WSDL Web Service
Hello guys , Does Jquery Mobile support the connection for WSDL web service? Im currently working of a project using WSDL.. Please Help. thanks
Login for Webservice
Hey guys , Please take a look function AutheUser () { var soapRequest = '<?xml version="1.0" encoding="utf-8"?> \ <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" \ xmlns:xsd="http://www.w3.org/2001/XMLSchema" \ xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> \ <soap:Body> \
error in ajax method
function call() { $.ajax({ type: "POST", url: "http://192.168.1.12/service.asmx" + "/GetUserDetails", data: " {'deviceid': '123456', 'latitude': '45.23','longitude':'78.45'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function () { onSuccess(); } error:onError }); } function onSuccess() { document.write("data send"); } function onError()
Message dialog triggered dynamically within a page, not from a pre-configured link
I have a dynamically generated page where, during the page rendering, I would determine that an error message is to be included in the page, such as to tell the user they entered invalid data in a form. In my mobile version of the page, I thought it would be nice to pop up an error dialog, to ensure they don't miss the message. I can see that any page can be displayed as a dialog from a link using data-rel="dialog", but is it possible to have the decision to pop up a dialog embedded in the page that
Need help in Jquery mobile it embed its html and classes again if they are embed already
Can you guys help me i am facing a problem jquery mobile embed its hmtl and classes again if they are added already.I am saving **html** in data base and displaying **html** dynamically.example below : This is Html <div class="check"> <div class="heading"> FOR TESTING </div> <div class="conatining_input"> <input type="text" name="text" /> </div> <div class="conatining_select"> <select name="select"> <option value="first">first</option> <option value="second">second</option>
Call link with Javascript - Transition
Hi, Looking for a solution for the very slow responsiveness on mobile devices, it seems that the main solution consists in using "Tap" event instead of "href" between pages. I tried this and yes this is way more responsive. So I replaced: <a href="mypage.html"> by: window.location="myPage.html" Ok this is much faster, but this made me lose the nice transitions between pages (slide, pop, ...) So the question is: --> Is it possible to use the transitions with this method ? Maybe the second question
Clarification on multipage jquery sites
Hello, I first posted this in the jQuery forum here: http://forum.jquery.com/topic/clarification-on-multipage-jquery-sites#14737000004064751 But was advised the JQM forum was a better place to start: I am new to jQuery, and I think the "problem" I am experiencing is down to simply how jQuery operates, but would welcome some clarification... When I have a multi-page jquery site, interlinked with hyperlinks, then clicking on a hyperlink causes the URL to change, as one would expect, and for the new
jquery mobile popup aspires outside of form
Hello, I’m trying to submit a form from a popup window. When I’m pressing the submit button nothing happens. To my surprise all the popup content is now outside of my form, that’s way no submission is taking place. My code is looking something like this: <form method="post" action="/MyUrl"> <a href="#positionWindow" data-rel="popup" data-position-to="window"> <div data-role="popup" id="positionWindow"> <input type="text" name="MyText" value="value to server"> <input type="submit" value="send">
Jquery mobile background image - showing only a part
Hi, I have this kind of image I want to show this image and buttons when u see that in ipohne,ipad or android I used this css but only a part of the image is showing .ui-page.ui-body-a.ui-page-active { background: url(../images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Also I need to know for the buttons should I use image hotspots or should I separate buttons from background
Content and footer sections shrunk
When using these scripts: <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1jquery.mobile-1.0a1.min.js"></script> (very old I know) I have no issues. but when I use the latest 2: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> I get an issue with the screen shrinking everything. Even using the basic boiler template from this very
How to add border to a grid layout???
Hi. I have a 3x4 grid layout, but I can't see the way to add border (red border for example) to my grid. Any idea? thanks
Jquery mobile spacing between ul li
What's the code for spacing between the ul li in jquery mobile.?
Home screen icon for Android
Can anyone point me to good reference materials for adding a home screen touch icon to Android devices. I've got it nailed for iOS, but can't seem to determine the right icon size and/or code that makes it work on Android phones. Any help would be appreciated. Thanks!
Content not styling
Hi If I try and create extra pages to my app, such as homepage, when the user clicks on the 'Search' button on the home page, when the script(next page) loads, it doesn't style up the list views. It only styles up when you refresh the page. Is this something down to how and when the script loads. Is this JS loading too quickly before the page content is available and thats why it needs to refresh. I tried exporting the JS code into a separate JS file and injecting it on page load but thats not
RSS feed
Hi, I have this code which populates a listview from an RSS Feed, what i would really like is when the user clicks a link, it goes to a new page in my app and displays the 'content' tag from the feed. If anyone could give me any guidance on how i could achieve this, it would be greatly appreciated, thankyou. Below is the code so far: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Jquery mobile and phonegap application on blackberry
Hello, I have just started wroking on Jquery Mobile wrapped in phonegap for blackberry phones. I have a few screens with tabbars, navigation bars , collapsible lists etc. The issue is with rendering the navigation bars which are included in the footer. There seems to be a lag while loading the pages and the navigation bars when scrolled,get all distorted and out of place but, after a few seconds fall back to the correct place. The arrow images that appear with the lists are not displaying correctly.
Count Bubbles with Collapsibles
Is there a way to use count bubbles on collapsibles?
Language
Does Jquery Mobile support a multilanguage? I meam when there is a list view and select other language it will change the whole text/string to the language selected?
Login problems with redirects
Background: * Using Ruby on Rails 3 with Devise for authentication. * All pages (except sign-in, sign-up, etc) are behind authentication * My "home" page contains multiple jQuery Mobile "pages". Problem: When the user tries to visit the root / home, they get redirected to login. After the user authenticates, they are redirected back to the root url. The root path contains multiple jQuery Mobile pages. Root URL attempt: http://localhost:3000/ - redirects to - Login page url: http://localhost:3000/users/sign_in
Panel slideup?
I would like to make something similar to the yahoo news on the lock screen of Android devices : http://youtu.be/tS537vD0LLU?t=8m52s I have looked panels but there is no data-position = top :/ Is there any best solution that a link button with an expand icon at the top and the attribute data-transition="slideup" ?
Dynamic listview
Hi, I have this code which is working quite well. The listview is styling up properly 'ALL EXCEPT' the first item in the list. Is their any reason for this? When i inspect the item in chrome, it is telling me that no classes has been added to the list item, so I know this is the problem but have no idea how to fix it. How can i force the styling on this item. I have tried moving the entire code block on the page but nothing is working. Any help is greatly appreciated: <!DOCTYPE html PUBLIC "-//W3C//DTD
Multiline button-labels
Hi I am searching for the CSS rule to make a button have multiline labels on mobile devices. Deactivating the rule on line 1810 in the default theme .ui-btn-inner {... white-space: nowrap; ...} works fine on desktop browsers, but on my iPhone the buttons are still on one line.
JQuery Mobile ready for enterprize application development usage?
Hi, I am a fan of JQuery. I am tracking the development of JQuery Mobile library. What I have observed is that, the UI that JQM creates doesn't give Native look and feel, just like other Mobile Framework like Sencha Touch, Dojo Mobile, Kendo UI. Also, there are few issues present in the current library, such as it gets stuck sometimes in between. So my question is, when can we expect a version which is really acceptable for usage of Mobile Web Application Development for Enterprise level applications
Jquery Mobile, appending items doesnt work.
Hey, I am appending a user entry to a list. Like: var enterul = document.getElementById('entrylist'); var entryli = document.createElement("LI"); var entryvalue = document.createTextNode(item.entry); entryli.appendChild(entryvalue); enterul.appendChild(entryli); It does populate my ul, but not with JQM css...Just a regular HTML list... I don't understand that... cause if i go in html and add a list item like: <ul><li>Item</li></ul> It shows like a jqm list... Ah,
Multi page layout with Google Maps is unstable
Hi, I am new to jQuery and internet programming and I am slowly working my way through a cross platform app. Unfortunately I cannot get past an issue with google maps within a standard multi page layout. I have looked at a number of similar posts but nothing is working out. My code is below for you to look at. Any help would be greatly appreciated. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable"
Next Page