Problem with link button on Chrome iOS (with ASP.NET)
Hi i'm having a problem with a link button on chrome for iOS: my code is (in ASP .NET) : <asp:LinkButton ID="lnkOk" runat="server" OnClick="lnkOk_Click" data-role="button" CausesValidation="true" data-transition="flip" data-icon="check" data-iconpos="right" data-theme="a" Text="Ok" /> witch gives : <a id="lnkOk" data-role="button" data-transition="flip" data-icon="check" data-iconpos="right" data-theme="a" href="javascript:__doPostBack('lnkOk','')">Ok</a>
Themeroller - How to add but not replace default?
i must be overlooking something simple...i cannot seem to figure out how to add to the default themes without replacing them. quick adivce? thx.
Uncaught Exception in jQuery Mobile 1.2 during page initialization
I upgraded from jquery mobile 1.1 to 1.2 and now I get an uncaught exception in the jquery code when loading my page. I created a very small sample page to reproduce the problem. It contains NO javascript all. It is included below. If I remove the highlighted html (the second select), the problem doesn't occur. Looking at the code in Dreamweaver "LIVE View" I can see that jquery is trying to extend the second select when the error occurs. Am I missing something obvious, or could this be a bug? Here
Filter Event Trigger, when search field is empty again
Hej Guys, I used the data-filter="true" on an <ul> element with <li> elements in it.The filter works fine! I need now a javascript listener on the search input field which triggers when the search field is empty again.. I've been looking on the net for the last 3 hours, anyone??? :) thanks a bunch!
JQuery Mobile & Head.js Issues
Hi all, I'm trying to integrate just the javascript loader portion of head.js with my JQM website. I'm having a couple of issues: 1. On some pages, I'm seeing the script block that I'm trying to load with head.js loaded 3-4 times on the page. 2. On all pages, I'm seeing a substantial period of unstyled content (FOUT). The styling does eventually load. Here's some sample code that illustrates each issue: 1. <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <meta name="viewport" content="width=device-width,
History with data-ajax = false
I am using JQM 1.2.0 and JQ 1.8.2. I have a page with a form that must use data-ajax =false on submit otherwise the page will not load. After the user submits the form, I would like the user to be able to press the back button and return to the form with the form still filled out as it was before the submit button was pressed. What would be the best way to do this? I was thinking about storing the form information in a cookie before submitting to the page that uses data-ajax=false, and then reloading
numeric keypad
how do i enable numeric keypad when i click in text field?
App starts in Safari but not on Chrome
Hello everyone, I've build an app that I'd like to display in Safari and in Chrome. The Apps runs in Safari well, but in Chrome there is allways a loading page issue (Error loading page). To my Unhappiness i discovered that JQuery doesn't support Chrome on desktop, only the mobile one is supported. Am I correct? Is there any workaround to make this baby run? Regards, Keilerkopf
Default TransitionTime
Hi everybody, I started developing some Applications with JQueryMobile and wondered if there is any default time a transition takes loading new pages. Does anyone know, where I could see or even set the default time a transition takes? Or can anyone provide an exact time? I'm currently measuring some frameworks to get an appropriated overview about transition times the different frameworks use. Hoping that someone might help, Kind regards, Keilerkopf
How best to detect the need for CSS hardware-acceleration "hinting"
It's pretty well-known that Safari (both desktop and mobile) has some issues with transitions that can be helped by using a CSS trick ("null 3D transform") to "hint" the browser that hardware acceleration is wanted on certain elements. This can be useful to improve page transitions and scrolling. The symptom, for example, with scrolling is that scrolling will be choppy until the user has scrolled all the way to the bottom. Once they have, then scrolling is smooth. The browser has cached the content
Dynamic loaded contents are not styled
Hi, I am having problem with the following page: http://codeturtle.com/files/loadj.html In the page above, I use javascript to add li into ul dynamically, but they look different than the following page: http://codeturtle.com/files/page3.html It appears dynamically added contents are not converted to JQM style, how can I resolve this? Thanks
Conditional redirect a page using javascript
Hi, I have the following page: http://codeturtle.com/files/testj.html I am expecting nothing happening when the button is clicked because it has a "return false" statement, but it returns a page saying "false". How do make the function do nothing on certain conditions? Thanks
jQuery mobile as the "unified" option
We are building a web application that shows things like statistics and graphs (simple stuff). Evolution 1: We started with jQuery + PHP + MySQL first in the general Ajax style. Evolution 2: We realized that we are better off using a third party table (http://datatables.net/) and the Widgets from jQuery-UI. Evolution 3: (We realized that mobile version of the site is a must have and started exploring jQuery-mobile). There are two arguments right now - have one codebase for regular desktop
blue color of such number, fax and email
hello :) please I have a little problem, I ready inserted a phone number and email to my mobile site is based on this site but I can not change the color of the following number and email still blue (just on my page index) thank you for your helps
jQuery Mobile + UI: Uncaught TypeError (1.2.0 final relesed)
I have just updated jquery mobile js to 1.2.0 final version But it gives me error on one page. Below is the error Uncaught TypeError: Object function (name, prototype) { var namespace = name.split(".")[0]; name = name.split(".")[1]; // create plugin method $.fn[name] = function(options) { var isMethodCall = (typeof options == 'string'), args = Array.prototype.slice.call(arguments, 1); // prevent calls to internal methods if (isMethodCall && options.substring(0,
Multiple div elements with data-role "page" in memory
Hi I have a strange situation with the pages (data-role=page) which are stored in memory while navigating through the pages of a JQuery Mobile application. Please take a look at the attached sample HTML pages (HTML_pages.pdf). If I open index.html in my browser and take a look at the page elements using the debugger, I will see the corresponding div defined with the "page" data-role (see Debugger.pdf). Then, if I navigate to index2.html and take a look again into the debugger, I can see two div
Jquery mobile photoswipe on rubyonrails
I am setting up a photoswipe with jquery mobile on the rubyonrails server, for some reason, the photoswipe only start after refresh the page, but when I put the script of the page to normal website, it will working fine. Anyone can tell me what way I can make it work without refreshing please: site add: http://prod.computersforpeople.info/users/262/properties/47198 when you click on the photo, it will link to the photoswipe page, but it won't start until you refresh the page.
Div cloned has wrong behavior while refreshing nested select
I'm using the .clone() function of jQuery Mobile to clone a div in a form so I can have repeatable sections, but now I have a problem with nested selects. Once the div is cloned and the nested selects are updated with the new id, something strange happens after the next 'refresh'. What happens is very strange, the select just double and place itself inside the existing select, so the result is this: The browser is Safari, I've not made any test with other browser because I only need this code working
jQuery mobile 1.2 release date
When we likely to have jQuery Mobile 1.2 for production?
Any way to wrap text in select menu?
I have a select menu with some options being too long to fit on an iphone display. So the text gets cutoff, with a '...' added to it. I want it to wrap. I also had this problem with listview elements, and implemented this solution which I found with google: .ui-li .ui-btn-text a.ui-link-inherit {white-space: normal;} For the select menu, I applied the same thing to the ui-select class. After this change, I look at the dom in IE's developer tools, and see that the select menu and its options have
Editable JQuery Mobile Listview Grid
I am having a little difficulty phrasing my question, so please bear with me. I am wondering if there is some sort of an editable data grid element (that looks like a listview with multiple columns) that I can use to present my tabular data. A Google search didn't reveal much, so I'm posting here to see if anyone might be able to offer suggestions on how to accomplish what I'm after.
Editable JQuery Mobile Listview Grid
I am having a little difficulty phrasing my question, so please bear with me. I am wondering if there is some sort of an editable data grid element (that looks like a listview with multiple columns) that I can use to present my tabular data. A Google search didn't reveal much, so I'm posting here to see if anyone might be able to offer suggestions on how to accomplish what I'm after.
How to create tabbed content in jQuery mobile app.
Hi All, I'm developing a mobile application. i'm trying to crate a tabbed content inside the collapsible set. since I'm a beginner in jQuery mobile. i can't able to create a tabbed content. can any one help me create the tabbed content. much appreciated.... thanks in advance. -- Selva
Date/Time picker?
Can anyone give me a suggestion for a date/time picker UI. Since JQuery mobile doesn´t have one i need to find one that works good in mobile phones. I have tried http://mobiscroll.com/ but it has HUGE performance (super laggy) issues and i would never use it in an app. That is to bad since it looks very nice. Anyone that can give med tips on some good UI´s that works well?
Popups events fires when turning mobile.
I am creating a list in a popup window and i´m trying to add/remove stuff from the list when the popup shows. But i noticed that if i turn the mobile the popups popupbeforeposition and popupafteropen fires off. Is this a bug? This makes it really difficult to add stuff to a popup window dynamically.
Issue with slider step increment and its behavior
Hello ,I have an Issue with Jquery Mobile slider. The slider step increment does not allow to enter invalid input,it will re-position it to nearest min or max step . If I want it to enable accepting invalid input and position the slider to the input along with step increment,what changes do I have to make in Jquery 1.1.1.min.js to achieve it ? refresh:function(b,c,e){ (this.options.disabled||this.element.attr("disabled")) && this.disable(); var g=this.element,f=g[0].nodeName.toLowerCase(), j=f==="input"?parseFloat(g.attr("min")):0,
JQM page is not getting refreshed when revisited
I have total four pages: Page1, Page2, Page3 and Page4. Page3 contains Select dropdown menu. Previously, when I was selecting a value from the dropdown of Page3 and move to Page4 and return back to Page3, the selected value does not get retained and the Page3 get reset to its default value. So one of the developer suggest me to use data-dom-cache="true" on Page3 and my problem was resolved. But it has created an another problem. Page1 -> Page2 -> Page3 (No problem) Page3 -> Page2 (No problem) Page2
Wordpress Application of collapsible-set
I'm trying to apply this markup <div data-role="collapsible" data-collapsed="true"> based on a jQuery Mobile tutorial describing how to collapse a listview. How can I do this in my code below for each category, please?
Send List Data
Hi, I´m making and app that the user is adding element and I show is to the user in a Main View with a List (as a shopping cart) and I want to know the way to send it to the server. My first idea is a button binded to a JS Function that will access to the dom, search for all li items, get the data, send to the server and if it is successfull, them navigate to other action. Is there any more simple for doing this? Thanks
JSON or HTML?
What's considered the best way of getting data from a remote server into a JQM app if given the choice, JSON or HTML? JSON requires more work on the client side and the HTML method generates more markup that needs uploading to the app via ajax...
The best way to implement a persistent, fixed, header navbar
Hello, I'm developing a simple three tabs app for Android and iPhone. Every tab links to a div with data-role="page", as jQuery Mobile specifications. I'm using jQuery Mobile as UI Framework and IBM Worklight. If I implement the jquery fixed persistent tabbar like is explained there (http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html), i'm encountering some flickering on the tab item (text both images) in page transition (with any transiction effect). If I set the default transition
Can't access all fields in an iframe
Hi guys, I have an issue on my phone running Android 4.0.4 with JQM 1.2 final. I have an iframe with text fields and dropdowns, but the iframe is too wide to fit in the phone window when in portrait mode, so I get a horizontal scroll bar so I can scroll to see all of the fields. When in portrait mode I can only access the text fields and dropdowns by clicking them if the iframe is scrolled all the way to the left. This means I can't access any of the elements that are off to the right of the page.
Popup with header and close button can't have rounded corners?
I think this might be a CSS bug in the popup styles. The code is a slight variation on the popup samples in the documentation. Put this HTML inside a page: <a href="#about" data-role="button" data-mini="true" data-rel="popup">About</a> <div data-role="popup" id="about" class="ui-popup"> <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="a">Close</a> <div data-role="header"> <h1>About</h1> </div> <div data-role="content">
Blackberry 9700 OS 5.0 Form elements problem
Hi, I have spotted an issue on the Blackberry 9700 Bold and OS 5.0. It can be replicated on the device by going to the jquery mobile docs site: http://jquerymobile.com/demos/1.2.0/ and then clicking on Form elements > Form basics. The browser seems to hang there with the jquery mobile loading gif in the center of the screen. I haven't narrowed it down to a particular form element (or combination of form elements) yet. Screenshot: Can somebody look into this please? Thanks Mark
jQuery Mobile JS-commands problem
Hi! I'm new to jQuery and I'm sorry if this has been asked before, but I have spent hours on this forum and on Google but to no effect. I have built a well working jQM version of my wordpress site and I'm quite happy with the way it looks and works with one exception. When you turn your phone to landscape orientation the top header takes up too much space. So I dove into the JS part of jqm to change the fixedtoolbar behavior on orientation change. To the problem: None of the jqm commands such as $("[data-position='fixed']").fixedtoolbar('show/hide/toggle');
date picker with simulators
Dears, I developed a mobile application using jquery + html5 (phonegap), I've a text input with type = date when I run the application on android simulator the date picker didn't appear but the keyboard which appeared, also when I run the application on iphone simulator I faced the same problem, also when I run the application on windows mobile 7 simulator the same issue appears. when I run the application on android device the date picker appears, also on iphone device the date picker appears. I
wich datepicker do jquerymobile team and users recommands?
Hi, I use your great tool for many websites, for thoses, I always encounter the same issue : I always need an "interligent" datepicker (the input type="date" is not enougth), From now, I've been hesitating using datebox but it seem preaty heavy and seems to not provide as much as the jqueryUI's that I'm use to (and seemsto not work with the latest version of JQM). So until now i've been on my own way, poorly maintaining an unsatisying version of the one you've provided until the beta 4. But it's
Mobile Themes can be nested with a scope?
I saw this: http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/ But I want to take it to the next level. Would it be possible to add nested css scopes like this? <div id="parentContainer" class="theme1"> <input type="button" data-theme="a".... <div id="childContainer" class="theme2" <input type="button" data-theme="a" .... </div> </div> The problem is if I define themes like the follow css code, theme2 takes the values for
The ui argument for my popupbeforeposition event handler is empty
I have a JQM page with a popup and I have subscribed to the "popupbeforeposition" event with this line: $(document).on({ popupbeforeposition : populatePopupForm }); the populatePopupForm function has this signature: function populateForm(event, ui) { ... } This works excellently, except my ui argument is empty ... as in: {} - when I console.log it, the object is empty. The event argument is full of data, but none of which tells me what element triggered the event (which is what I need to populate
In Jquery mobile i want to use image button for showing menu and menu name must come full character without dot
JQuery Mobile Menu making & dot removing from text on button how to give image as abackgound of a menu and in a page i want to show six menu 2 first below 2 and 2 total six. also i want to show menu name on each menu at bottom. But when see in different mobile and ipad or any device dot never want to come. main thing is responsive design. can any one help me from this issue.
Next Page