Back button in header won't go away
Strangely the code below produces an unwanted back button in the header. As far as I know the default behaviour of the latest JQM is a disabled back button. Even trying to force it off, it still appears in the left control group. I've placed the buttons inside control groups as I want multiple buttons inside the header. A couple of things I've tried, - Tried having the right button outside the control group - no difference. - Swapping out fieldset with controlgroup makes no difference. <div data-role="header"
missing dynamic data content in display
I have run into an odd occurance and can't seem to figure out what is happening or why. This is occurring on iPhones; I have tested the site on an Android emulator and it appears fine, as does the site on desktop browsers like Chrome and Firefox. Development page is here: http://abmm.hdma.net Issue is this - for my lists of people, the last dynamic variable that is setup to be displayed happens to disappear from view. You can see this happening in several places: Home page > Attendees > *individual
.net button event not firing in JQUERY Mobile but fires after refresh
JQUERY Mobile Framework issue in .net server methods .net button event not calling the server method first time but fires after refresh. how to force it to fire when user click at the first time. Is this a bug in the framework or an issue of the way it has created in the system?
load additional javasscripts via loadPage function when using AJAX
When using AJAX to transition pages, no additional javascripts are loaded if the new page has new javascript in the header, etc.. I have done a dirty hack to the loadPage function which loads all the additional scripts from the html string returned via AJAX (see attached for hacked version). The code just needs adding to the success function of the ajax call in the loadPage function- // START modification (Guy Thomas 2012083000)
How to link from a selection list to a complete new php site
Hi everybody. I'm new to this here, so please be patient with me. I have a problem with a link to a new php file. Under the following URL you can see where my problem is: http://www.hansainvest.com/testing/iphone/ In the upper left corner is a button with the label "Fondsfinder". If you click on it a selection list pops up, kind of a dialog. If you choose the first entry that is named "HANSA D&P" the file "fondsdetails.php?fondsId=12" should be opened and some information about this fund should be
Searchable Listview
Using this as an example: <div class="foo" id="threeCOL" data-role="content" data-theme="d"> <ul data-role="listview" data-filter="true" data-filter-placeholder="Test..." data-inset="true"> <li data-filtertext="NASDAQ: NAS ADBE Adobe Systems Incorporated"><a href="#">Adobe</a></li> <li data-filtertext="NASDAQ: NAS AMZNL Amazon.com, Inc."><a href="#">Amazon</a></li> <li data-filtertext="NASDAQ: NAS AAPL Apple Inc."><a href="#">Apple</a></li> <li data-filtertext="NASDAQ: NAS GOOG Google Inc."><a
Radio buttons validation with multi forum
hello, after trying unsuccessfully for 4 days my script, I need you: I have 3 forms on the same page. For each, I have 3 radio button, and the form is automatically submitted as soon as I click a radio button. The value of the radio button is then retrieved from a php page, and rendering is displayed in a div The following code works fine for one form, but instead of 3 different functions (indicated by the "testsubmit(xx)" in the code), I have wanted to make only one, but I do not know how. >> Please
how to prevent vertical scroll bar from flashing on/off
This must be a FAQ so I hope someone can point out a link to a solution. When changing to a new page in my jQuery Mobile app, the vertical scroll bar flashes on and then off even when there is not enough content between the header and footer to need a scroll bar. So how to prevent that from happening?
stupid newbie question: bind taphold to a dynamically created element
I'm getting a list of items back via json and displaying those items just fine... none are static, all or displayed dynamically. What I want to do now is bind a taphold event to popup a delete menu and a swipeleft/swiperight event to load a new page and display the entire item (instead of just its header). The items/headers are inside <li> and those are nested inside <div data-role="collapsible"> elements. I've read a dozen articles and there seems to be all sorts of issues witht this: all
Using persistent toolbars
I recently implemented the "data-id" on a footer toolbar to persist the navbar when people click on tabs. I have custom styles on the navbar tabs. When you click on a tab, they do persist through transition, but the custom styles are lost for a second then re-applied. This issue makes this feature unusable for this application.
swipe event broken by embedded swf file
I am capturing swipeleft and swiperight event to change pages on a web site... this all works fine unless I have a swf embedded on the page. The swf seems to 'break' the event and it is not firing when swiped on the swf object. Any ideas as to why this would be happening? I am using: $(document).swiperight(function()... and $(document).swipeleft(function()... to capture the swipe event for the entire document.
unable to fully stretch select menus
Hi guys, i am using jqm 1.1.1 and trying the custom select menus (http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html). however, it is not stretch full 100% width like those input textbox. in addition, there is always a line appeal at the bottom of it although i already applied below CSS: .ui-hide-label.ui-br, .no-field-separator { border-bottom-width: 0; } .ui-field-contain.ui-hide-label, .no-field-separator { margin: 1em 0; padding: 0; }
Youtube Video with jquery mobile
my question is how to play youtube video in our application using jquery mobile .I have try video tag in HTML5 it working with other url but not with you tube or can i have used plugins for playing youtube video
How can i disable the whole page when i show the loading popup?
When i click a button, it will fire a even and post some data to the server. So before i got response, i wanna show a loading popup. I know the function $.mobile.loading( 'show') , but how to disable the page on the back? because i still can click the button even the loading is there
Select Menu with images
Hello everyone, I have problem..... I followed different tutorials on the web in order to obtain a select menu with images inside the different options of the menu....but every way I tried dosn't work. I need a select menu in which every single text option is accompanied by an image.... How can I obtain this? Thank you a lot Luca P.S: this is one of the "tutorial" I followed http://stackoverflow.com/questions/5512685/how-can-i-add-images-to-jquery-mobile-select-menu-items
scrolling to list divider items when click event fired on navigational index?
I need vertical scrolling animations should be fired on list dividers in JQM when user clicks on navigational index.For example if i have list of users in list dividers and an alphabetical navigational index on top.when user clicks on "S" index then the list will scroll down to S users list and stop.Is there anyone worked on this.or any suggestions will be helpful. Thanks, Leostar69
jQuery Mobile select menu trim problem
Hello I have problem with trimming label text of option from select menu in jQuery Mobile. Option from select menu if text is too long trimming right side of text But in my case i would like to trimming left side of text. I can't find any option allowing for this in documentation. best regards A.Piechowiak
how can i toggle for play or pause button for slideshow??
i want to implement the concept of slideshow,for that i want to add a single toggle button, when i click on play it has to play the slide show,and when i click again for the same button the text has to change into pause and the slideshow should stop.How can i do it??
dynamically include html pages (client side)
hi, usually there some code part that are redundant in the code, exist a way to put them into some external file and incude those external html files where neded??? I try with something like this: $('#footerDiv').load('Shared/Footer.html').trigger("create"); but it dont load the html5 data attribute and without loading html5 data attribute jquerymobile framework stop to work any idea??? p.s I'm italia pls ignore some english mistakes
A working dynamically loaded google map api v3
just as a tip for someone looking to load google map dynamically in jqm 1.1.1. hope this help ! Cheers ! in your index.html file: <div id="map_canvas"></div> in your js file: $('#map_canvas').live("pageinit", function() { $('#map_canvas').css({'width':$(window).width(),'height':$(window).height()}); }); $('#location').live("pageshow", function() { if(window.navigator.onLine){ $.getScript("http://www.google.com/jsapi").done(function(script, textStatus) { google.load("maps","3", {"other_params":"sensor=false","callback":"loadJqueryUiMap"});
Cookies disabled for ICS (4) Android???
Hi, I'm using Android 2.3 on my phone, and my app works fine (phonegap / JQM / Eclipse) with cookies for the login system. For some reason though, its refusing to work in Android 4 (Ice Cream Sandwich) ... is there a reason for this? I've tried pure JS and also a jQuery plugin to set the cookies... yet it just refuses to save them. The emulator gives the same issue. The only reason I was made aware of this is due to my friend testing it on his Galaxy S III which is on version 4. Is there a way around
Issue Scrollbar Popup
Hi, i try to use the popup.open function with JqueryMobile Alpha. The popup appears correctly but i have a scrollbar visible and my page height is resize. I'm trying to make an Iphone Like webApp, and all my page is set to have fixed header and footer (i also use iscroll4 plugin). How can i disable this resize ? Regards
Listview - Search Hidden Text
Is there a way that this search can be made to look for: option 1 - all of the words (not in the specific order) option 2 - one of the words the user enters into the search box?
Split Button in List Dividers
Hi all is there a way to have the split button on a list divider? Thanks
JQM 1.1.1 AND IE8 Problem
I'm having a problem implementing JQM 1.1.1 in IE8... I'm using JQM 1.1.1 AND JQ 1.7.1 This works in IE9, FF, Chrome, but in IE8 the page does not load... Can anyone point me in the right direction ... Thanks http://www.29.e-goi.office.maxideia.com/w/1x8e16ueQeh7r92NqAg
Splitview state in 1.1.1 or later
Has anyone gotten a good splitview (like on the jQM docs page) working on 1.1.1 or later?
JQM Form AJAX Response Cache Issue
Hi. I'm using PhoneGap & JQM 1.1.1 and trying to accomplish this: Form with Arrival Date & Duration posts to a results page which i've got a $("#form1").submit( function (e) { e.preventDefault(); $.mobile.changePage("#availability_response"); }); to take the vars on the form and change page to availability response. within availability response I make an ajax call based on the posted form params... all very good and works fine 1st time, but if i use the 'back' button (data-add-back-btn="true"),
Is there any plugin in JQM which looks like UITableView in IOS?
Hello... I'm developing one JQM applications which has the contacts list of users.My requirement is to display the contacts list like native iOS UITable view with alphabetical navigation index on the right side.I have searched for the whole day in blogs..but found nothing. can anybody help. Thanks in advance...;)
Rendering form elements in split button lists?
I'd like to be able to render form elements in split button lists and use the second anchor as a popup trigger (to display help content about individual fields for example). The simple approach of wrapping the form content in a pair of anchors *almost* works. <ul data-role="listview" data-inset="true"> <li data-role="fieldcontain"> <a> <label for="pname">Name</label> <input data-mini="true" name="pname" id="pname" type="text"/></input> </a><a
Google Maps not loading
Hi, I'm having some difficulty getting a Google map to appear on my application within the jQuery Mobile framework. The way it's set up is that I have my main landing page (default.aspx). On that, I have a link to a menu page (MapsMenu.aspx), and from there links to a set of maps (MapDisplay.aspx). If, on the link on the MapsMenu.aspx page, I set data-ajax="false" than the map will load after jumping out of the framework and onto a new browser page. This is not ideal. If I remove the data-ajax="false"
Apply widget-style to Ajax-inserted content
Hi, I'm trying out jQuery mobile on top of a REST-api, which I am calling via Ajax. Unfortunately, I can't get the styling-refresh to work. If I'm correct, I need to re-apply styles on script-inserted content using either .trigger("create") or .trigger("refresh"), but both don't seem to work. Any thoughts? In the example, the last 2 <li>-tags are inserted using Ajax and not "refreshed" with mobile-style My code: $.ajax({ type: 'GET', url: "/movies/format/JSON", dataType: 'json', timeout: 5000, success:
how to post html data to .aspx file and save data
i have create one html file & for that i use JAVASCRIPT to get the values. I want to save the data and post the value from Javascript and send mail to the mail-id using .aspx file & also save data into database. Below is my HTML code and i need to send this form using .aspx, <form id="myform" class="myform" rel="external" method="post"> <span id="errm">Please fill the required fields.</span> <div> <label for="yourname">First Name:<sup>*</sup></label> <input type="text" id="yourname"
Error: A page back to previus page
Hi, I have a listview genereated from database ( list page), each item call another page ("detalle" page in all items, only change a id value), so when I work the first time in this list.. items call fine the "detalle" page, but when I generate again the listview, and call "detalle" page, this page call to previus page (list page), no stoped in detalle page... I don't know what happend... any idea? here mi code that generate listview my detalle page is single. function getDirectorioList(tipoDirectorio,
Search filter list - max num of visible items
Hi, When you have a search list with many items the widget is very slow. I'm using a popup to quickly search through a list of 100+ items. When the popup shows up the list is displayed fully taking a lot of time. It would be nice to control how many items max you want to display at one time ( really you only look up the first 5 or so items filtered before you keep filtering ) This should speed up the control, and make the whole experience better.
dom cache for dialog to display transparent background
will i be able to change the dom cache dynamically for some cases, for example during the dialog pop up to show the transparent background. if i open the dialog the page does not remain in dom. I wanted to know if i can keep the page in cache when a dialog is open and when i navigate to another page, will i be able to make the dom cache as false.
problem to change the button theme
Hi Friends, In my IPad application i have a problem to change the button theme. On click event i want to change my button theme "a" to "c". I have include the link to source code of jsfiddle site. Please visit and give me the solution of this probleml. Click here to view the Source.Click here to run the application Model Appliction -Kamalakannan.M
input type search and button inline
Hi, I'm trying to have a searchbox followed by an inline search button, preferably in navbar, but I can't seem to get it working, could anyone provide me with an example? which css overrides should I be using, if any? <div data-role="navbar"> <div> <label for="search" class="ui-hidden-accessible">Søg</label> <input type="search" id="search" name="search" value="" placeholder="Søgning på aftalenr., cvr og kundenavn"/> <input type="button" id="btSearch" data-icon="search" data-iconpos="right" value="Søg" data-inline="true" data-mini="true"/>
device orientation
Hi , I am kinda new to jquery . I am making an application in which the second screen has two different UI depending upon device orientation. Device- IPAD ,Language - jquery/jquery-mobile How do i dynamically repaint the screen with new UI upon device orientation. My jquery code is as follows : <div data-role="page" id="calendar" > <div data-role="content" id="calendar_content"> <script>generateCalendarView();</script> </div> </div> Above, I am calling my function generateCalendarView() from my
Is the button delay still an issue in JQM 1.1.1?
I'm using JQM 1.1.1, codiqa and AppMobi (similar to PhoneGap). I'm noticing some button delays/page load delays on iOS, and was wondering if the 300ms button delay is still an issue, or if there's something else I need to address. My app was partially made in codiqa. I have this set: .ui-page > div { -webkit-transform: translateZ(0); } .ui-page > div { -webkit-transform: translate3d(0,0,0); } I am also using no transitions. Are there any further
will the jquery mobile load if applicable or always?
Should I do a separate page using the mobile core or can I have both on the same page and the correct one loading depending if a mobile is rendering the page? Thanks!
Next Page