Collapse content on day of the week
Hello, I just started to make my first mobile website but i want to collapse a content block on the day of the week. So content block "wednesday" opens on wednesday and content block "friday" opens on friday. is there an easy solution?
Jquery mobile selectmenu is not refreshing when history back button clicks (browser back) button..?
I have the select menu with options . Based on the selected options pages are navigate. But when i hit the browser back button the previous selected option is appears on the present page as a selected one. I tried with selectmenu('refresh',true). it doesn't work for me.. Please give me any suggestions on this.... Thanks
How to force keyboard open
I tried to use focus API, but it doesn't work, how to force the device keyboard open.
JQuery Mobile version 1.1.1 Single page template - No loading message
Hi all, I am using JQM version 1.1.1 on a single page template. Apparently the loading spinner should show be default on a single page template? If this is the case, for some reason I my loading spinner is not showing at all when navigating from page to page. Any ideas why anyone? Thanks
Mobile app deployments
Hallo People, I have a mobile app that use Jquery Mobile. The app has PHP pages that pull data from MySQL database. What is the best way to deploy this kind of an app in Android or iOS phones.
JQueryMobile 1.2 rc-2 has the same problem
Hi all, The code below was working very well with jquerymovile 1.1 and 1.2 alfa without this problem. But when I try it with 1.2 rc-1 and 1.2 rc-2 ant this does not work. <div data-role="header" id="menubar"> <div data-role="navbar" data-mini="true"> <ul> <li><a href="#bro?tipo=uno" data-role="button">Uno</a></li> <li><a href="#bro?tipo=dos" data-role="button">Dos</a></li> <li><a href="#bro?tipo=tres" data-role="button">Tres</a></li> </ul> </div> </div> It is supposed that, clicking over each button,
Creating a list view database
Hello, I am in the process of creating a mobile application using html5 and jQuery mobile. I have an excel database from a website that is a directory of categories and names. I am trying to import this database into my app and make it searchable using lists (there are 4 tiers of information). Is there away I can import this information into my application without having to build a page for every tier of information? I hope that makes sense. Thanks in advanced for any assistance.
Too many dividers after refreshing listview while a filter criteria is present
Use case: I have an application with facebook integration. I want them to be able to select friends. When they select a friend, I add it to another list and remove it from the source list. I set up the first list with auto dividers and enabled filtering. When the user chooses a facebook friend, I remove the <li> from the list view and call refresh. Issue: User enters part of the name as a search filter User picks a friend I remove the LI from the UL (listview) I call listview("refresh") on it All
Dialog doesn't seem to wanna play ball
Hi, I'm really struggling to get this damn dialog window working :( I want it to open up in a window which would then get submitted via AJAX. Thus far I have: <a href="/cgi-bin/links/contact.cgi?t=mobile_en;ID=<%ID%>" data-rel="dialog" data-mini="true" data-role="button" data-inline="true">Contact Owner</a> ...and in that page it just has: foo bar as the contents Yet it doesn't wanna work :/ First of all I couldn't even get it to open the window. That turned out to be due to a flag I set on page
icons repeated in menu
hi, so i need your help, i'm trying to use jquery mobile, and the icons of this, i am using html li elements for a menu, but the problem is that the icons repeated themselves, so what i saw happens is that the span appear more than once, i don't know how or where can i solve the problem, thank you
Popup and dialog failed
<div data-role="page"> <div data-role="header"> <h3>test</h3> </div> <div data-role="content"> <a href="#memo" data-role="button" data-rel="popup">memo</a> </div> </div> <div id="memo" data-role="popup"> <div data-role="header"> <a data-role="button" data-rel="back">close</a> <h3>I am memo</h3> </div> <div data-role="content"> <p>I am content</p> </div> </div> If use external link, the dialog
How can I open a dialog on a onSuccess ajax script
Dear All, I use ajax to update a database. When the job is done the on susscess is lunched function onSuccess(data, status) { data = $.trim(data); //until here it works fine $("#dialog-contenu").html(data); // It works fine $("#dialog1").dialog(); //it doe not work } "data" is collecting well the value. But after I would like that the content od "data" open a dialog box and display the content. But I do not kow how to open
problem with text
Hello, i have a problem with jquery.columizer and jquery mobile you view my problem here :http://network.art-zoo.com/ipad/article.html when i load this page with jquey.mobile embeded (and no problem without jquerymobile) , the text is columnized anormally ( as you can see). Press F11 one time and second time ... and the problem is over and evrething is ok. i've tried differents solution with page create or whatever and i found nothing. sooo need help ... thank you very much Stéphane
problem when using dropdown list on galaxy s2 (doesnt works) VS when using the same code on s1 (works)
hi all, I encountered a problem using my galaxy s2 and jquery Form elements: http://jquerymobile.com/test/docs/forms/selects/ i took the code for field contaners (the long version-more options) and it works on galaxy s1 but not on galaxy s2. my galaxy s2 version is Android 4.0.3. and when i try doing the simplest dropdown list without jquery it still have issues with it - the dropdown list is working for like half a second and you cant really choose the option you wanted. i attached here the code
Proximity Issue with radio boxes
I am getting multiple onclicks on radio boxes on Tablets, on desktop everything works fine but on tablet the selectCompany is SOMETIMES called twice, is there an issue with onclick on Tablets? Here is the code: <div class="formcontent" id="formContent"> <div data-role="fieldcontain" id="companyContainer" class="ui-field-contain ui-body ui-br"> <fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical"><div role="heading"
How can we get "pageX" and "pageY" positions when we working with 'swiperight' , 'swipeleft' events uring jQueryMobile.
I am not bale get pageX and pageY coordinates of page . Please please help me.
Back page path problem
http://chan15.info/question/mobile-remove/ I have three pages, index.html, list.html and detail.html, detail.html have delete function, after click delete me button in detail.html will popup a dialog to ask delete or not, if you choose delete, the page will redirect to list.html, I click the back button on list.html after delete, it will go to detail.html again, I hope it can go to the index.html because the detail.html should be delete at that time, how to remove the detail.html from history back
Content disapears Android 4.x
Hello, Currently i'm developing a mobile website with jQuery mobile. While testing my site on different browsers I encountered an problem: The content of my page is not showing. I'm using jQuery mobile 1.2.0 RC2 but when I go back to 1.1.1 the same happens. It only happens when my footer menu has data-position="fixed" and it is visible, when i tab the screen the menu disappears and my content appears when i tab the screen again the menu appears and my content disappears. Is this a known problem?
popup select menu after postback then page goes blank ??
i have a textbox, button and select menu in the textbox i enter a word to search my database table for it the select menu will contains my results which loaded via postback , i need it postback not ajax how to poup the select menu after finishing postback ??? i do the code below but when and it is OK , but when choosing an element it is go blank page * i am using 1.2 RC1 version with jquery 1.7.1 My Code : <script type="text/javascript"> function RequestClick(e)
Phones datpicker onfocus
Hi, When you have a input type = text and a input type = date. And go from the text field to the date field by pressing next on the (android) keyboard, instead of the phones datepicker , the text keyboard pops up again. How can I trigger the phones datepicker on focus instead of on click only ?
issue with dynamically generating button at the linked page when refreshing it
Hi everybody! I got an issue in dynamically generating button at the linked page. The scenario is like these. 1.click the third item in first page to dynamically generatting button at the linked page and change page to it. 2.you can find that the button's style is ok in the linked page, and refresh this page. It did change to the first page after refreshing. 3.click the first page's third item again to dynamically generatting button at the linked page and change page to it. 4.you can find that
How to work with Select menu <Select> with a large number of options #&ui-state=dialog problem?
I have created a dropdown box using <select> <option> using data-native-menu="false" to get the JQuery Mobile look and feel This is a basic form that allows the user to select the state they live along with some other basic info The select menu is a list of all the states in the US. Example: <label for="state"><b>Select State:</b></label> <select name="state" id="state" data-native-menu="false"> <option value="">State</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option>
JQM and facebook ios6 likes
Not sure how much this is a JQM issue but I thought I would try here first. Just ran into an issue where the new IOS6 has some type of hardware button for likeing a web page. The problem is, my button has a query string attached to find the correct item when clicked on in Facebook. The hardware button does not. Can anything be done about this other than training users ? Thanks.
How is a Slider Event determined with jQuery Mobile
Hey all, My app allows users to select and play a file they have recorded - works fine. Using jQueryMobile also shows a slider that moves along as the file is played - works fine. (using: jquery.mobile-1.0.min.js and jquery-1.6.4.min.js) <script> ... //This code is called when I set the position of the time shown on the screen - works fine (called from 'my_media.getCurrentPosition') seekbar.value = position * 1000; $('#seekbar').slider('refresh'); ... </script> <input type="range" step="any" id="seekbar"
icons nad text repeated
hi, everyone, well my issue is this: i have menu navbar but the problem is that the icon and text appear repeated, so i don`t know how jquery mobile add the other span with icon and text, when i just need once, somebody know what this happens, thanks
return to the main page doesn't fire pagebeforecreate or pagecreate ONLY the first time
Hi everybody! I'm using jquery mobile since version 1.0 (today i'm using 1.2.0 RC2) , and i've a recurring problem. I'm using it with knockout and i need to reload the content of the linked page. To do this, i call my ko.applybindings when the pagebeforecreate is called. I also changed these variables when mobileinit is called: $.mobile.page.prototype.options.domCache = false; $.mobile.ajaxEnabled = true; $.mobile.changePage.defaults.reloadPage = true; It works when I reload any page and go to any
links: ajax working and rel="external" freezing
scenario:on index page there are several internal links and one external link. the moment after the app loads on playbook the ajax links work when clicked. If I choose to click the external target link the moment after the page loads the app freezes. On a second and third opening of the app, the external link works. only script associated with external link is: $('a[target="_blank"]').live( 'click', function() { if ( window.blackberry ) { alert( 'Opening data center' ); var args
How to load the same page without add anchor
<div data-role="page" id="index"> <a href="#memo" data-role="button">memo</a> </div> <div data-role="page" id="memo"> ....... </div> I want to load the memo page without the url automatic add anchor, because it will effect the back button function, can I?
Javascript even css not work after ajax load page
Sometimes some page's javascript even css will not work if I use ajax load page, anyway to prevent that?
The CSS is not applying on the device.
I am new to this and would like to know about the steps required to use jQueryMobile in the Android application. I have downloaded jQueryMobile and included min.css and min.js When I run the application on emulator with API level 15 it is showing the web page well formatted.But when I run it on actual device with API level 10 it does show page without CSS
showpage event doesn"t work on phonegap
Hi, I'm using showpage event, and it works fine in my web browser, but when i load the html page into android using phonegap, the trigger doesn't work. $('#page6').live('pageshow',function(event){ alert('page6'); }); anyone have an idea why? Thank you, Guy
multi-page template with swipe
Greetings, It is possible, by the multi-page template, that I can change the pages with horizontal swipe of the display from my mobile phone? Regards and thank you Michael
getting started with jQ Mobile.... links not working.. what am I missing?
the links in nav here just won't work... http://mayacove.com/jqm/page1.html very strange behavior.. (url loads in location bar, but page doesn't load, it only load if I hit "return" in location bar in the browser.. (sometimes the new page I'm looking to get to appears at the bottom of the page (page2 @ bottom of page 1, etc..) I used pretty much the code here http://jquerymobile.com/test/docs/toolbars/docs-navbar.html for nav and links... (I haven't applied class ui-btn-active for the selected links,
Caching jQ/jQM (+ PhoneGap)
Hey everyone, I'm trying to work with jQM and PhoneGap to write an app. Using a single-page layout is better to not have to load the whole app into the DOM right away, but leaves me with a great loss of flexibility as I have to define my header over and over again in each file. An even greater problem, though, is having to load jQuery, jQuery Mobile *and* the CSS file again everytime I open a page. My question is if someone knows if a PhoneGap built app will cache those files or really reload them
CSS - how to float an image right AND center vertically
This is really a pure CSS question, and I'm going to state it in pure CSS terms. The reason I'm asking about it here is because it's actually to solve a problem with jQuery Mobile listviews - or, actually, my hand-rolled replacement for jQuery Mobile Listviews. ('ll be creating some sort of tutorial on using this once I am done, and will announce it here. Maybe the solution could ultimately be incorporated into the JQM listview, if there is a good cross-browser solution. It seems rather simple on
help, asp button error loading page jquery mobile
I developed a web app for sending mail, and when I click on submit, get the error: "error loading page" or "error cargando pagina" what you need for help me? this is the link http://www.caribemotor.com.co/movil/contacto.aspx thank you i used jquery.mobile-1.1.1.js jquery-1.7.1.min.js too try $(document).bind("mobileinit", function(){ $.extend($.mobile, { ajaxFormsEnabled: false }); }); but it doesn`t work
Button to Toggle Footer?
Is there a way to use a button to toggle the footer to show or hide? I know there's a function $("[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" }); But I'm not really sure how to use it... Any help would be greatly appreciated.
BlackBerry paging issue
For whatever reason my posts keep getting flagged as Spam. Very annoying. We have an application nearing the end of development. It was working fine on our BlackBerry 9800 (default browser) but all of a sudden the paging stopped working. We were linking to the latest versions 1.1.1 hosted on jquery.com We have done loads of testing and rolling back versions but having no luck. We tried to make a demo page, so used this page http://jquerymobile.com/demos/1.1.1/docs/pages/multipage-template.html This
Events fired on dynamic changes
Hi there, I have a problem while working with jQuery mobile. I dynamically add form elements to my page before JQM is loaded. This works great and all form elements are transferred correctly to JQM elements. After loading JQM I try to bind events to my form elements (I use toggle switches, sliders and select menus). I do it that way for a slider: object = $('#' + objectId); object.live("slidercreate", function(){ object.live("change", function(event, ui){ ... }); }); The event
Issue with click event binding and hash URLs
Hi all, I'm having an issue with binding actions to links in a jQM app. Let me describe the scenario first. The app works as a normal app, with AJAX navigation taking you to new pages, the way jQM is supposed to work. But when the page is a certain width, some specific pages go into a "split view mode" where two pages become one, a list on the left and the information on the right. To achieve this I override the click even actions on the list when it's in this split view mode, so that they load the
Next Page