Link in jquery mobile
Hi guys, I have this resource <div data-role="footer" data-position="fixed" data-theme="b"> <a href="listingresults.html" data-role="button" data-theme="b" data-icon="search" id="results"> <span class="ui-btn-text">Results</span> </a> </div>in listingsresults.html i have an alert message but this message isn't works, I must refresh the page for the alert shows. $(document).on('pageinit', function(){ alert('test'); });Thanks
Order of CSS files generated by themeroller
The themeroller application suggests that I include the CSS files in this order: <link rel="stylesheet" href="/themeroller/generated/custom-theme.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css" /> I want to know if: - Is is OK to include the structure file first and the custom file later? - Is it OK to include the default CSS file first (http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css) and then (optionally) include the
populating a list - lost jq format
http://jsbin.com/ebutub/6/edit it does populate but loses list's quality. could you correcr?
Google map is being stripped out
Hi all, Having a wee bit of a problem on a site. The site is using Wordpress and I have a geo location plugin for the posts which includes a Google Map. To switch to mobile and desktop I have another plugin for that. Now, on the desktop view, the map works, if I switch to the mobile view using one of the default mobile themes from the plugin...map works. When I change the theme to the jQuery Mobile one I created, all of the google map bits get stripped out of the code. I am completely befuddled.
ASP.Net Visual Web Part
Hello everybody, I'm developing a Visual Web Part for SharePoint and I wanted to use jQuery Mobile for the visual layout, but it doesn't seem to be working. The script and CSS are properly referenced, but the controls are rendered invisible. The question is: is it possible to use jQuery mobile with Visual Web Part, and if so, how? Thank you!
Probleme with popup listview and rel="external"
Hello the community ! For start i alert you i'm french and my English is not fluently..i hope i will do the minimum of mistake I have a little problem with my popup who contain a listview. This one works fine. but i i click on a element of the listview i arrived on the good destination but if i do a click on previous in my browser (Safari on the iOS Simulator or other, i have the same behaviour), i'm automatically redirect on the same page... For exemple : <div id="bouton-contacts" data-role="controlgroup"
CSS Font Size Units
I see that the dist JQM css has both px and em units as font sizes. I want to include a user control for size increase/decrease, and it wd be convenient if all of my css used just one of these measures, preferably em. Is there some convenient way to accomplish that?
jquery mobile video tag - black rectangle
I am using jquery mobile and try to embed the video using html5 video tag. My video plays fine on all 'desktop' browsers, but when play when I use the following code in mobile safari (iPhone) it shows only black rectangle without any controls. I used video used commonly in html5 examples. (from http://www.bigbuckbunny.org) so it is not an encoding issue. When I access video directly by typing its url http://myurlofvideo.mp4 it plays correctly in mobile Safari. What's causing the problem? How can
source code from panel styling 1.3 demo does not work
here's is how the code used works http://jsfiddle.net/tearex/6hLYe/#base here is how it shouldhttp://view.jquerymobile.com/1.3.0/docs/examples/panels/panel-styling.php what is the problem here?
Page "back" navigation with AJAX-loaded pages
Can someone shed some light on this for me? From the docs: http://view.jquerymobile.com/1.3.0/docs/widgets/pages/ "Whenever it loads a page via AJAX, it flags the page to be removed from the DOM when you navigate away from it later (technically, on the pagehide event). If you revisit a removed page, the browser may be able to retrieve the page's HTML file from its cache. If not, it re-fetches the file from the server. (In the case of nested listviews, jQuery Mobile removes all the pages that make
SMS body text prefilled
Hi, Is there any way to pre-fill body text of SMS on i-phone? When I do <a href="sms:555?body=hello" it brings up sms with no number and body empty. The ?body=text stops number appearing. I just want to have body pre-filled with text and url link. Thanks, John
jqm.page.params plugin fails on jQuery Mobile 1.3
Hello, As the subject says, the jqm.page.params plugin, still recommended in jqm 1.3 docs, doesn't work as expected. Since the plugin lacks documentation, I followed an answer on StackOverflow to get it work: the querystring (?param1=value1¶m2=value2) works fine, but the url doesn't retain it, making the target page un-bookmarkable In other words, I end up with: http://mydomain/index.html#target Instead of the right url, easily bookmarkable: http://mydomain/index.html#target?param1=value1¶m2=value2
listview problem with 1.2.1 that worked just fine with 1.2.0
Hello, I have a very simple code that works fine with 1.2.0, but it fails under 1.2.1 with Uncaught TypeError: Cannot read property 'options' of undefined Sample Code: <ul> <li> <p>My Custom List Item</p> <ul data-role="listview"> <li>JQM List View Item</li> </ul> </li> </ul>
Ideas how to solve a web app game with level password protection
Hello, I am trying to develope a site where I would like to use in a game with different tasks. Approximately I will have 5-6 tasks for my teams and they can take around 40-60 minutes each to solve. I would like to get your ideas for a technical platform how I could start with it. Task 1 could be open and when that it finished a password or text is given. That text could be a password to unlock the second task and so on. Every stage or level should be locked and text/password protected. The site
jQuery Mobile + Phonegap = no localStorage on Windows Phone 8
I'm using PhoneGap 2.4.0 and jQuery Mobile 1.2.0 in a Windows Phone 8 app. As soon as I include jQuery Mobile I get an error when trying to use localStorage. If I remove jQeryMobile localstorage is woring just fine. Has anyone else see this behavior? //On Windows Phone 8 (Android and iOS are fine) we crash when trying to do window.localStorage.setItem console.log('PRE window.localStorage.setItem! Trying to set UserName = ' + $(data).find("UserName").text()); try{ window.localStorage.setItem("UserName",
JqueryMobile 1.3 PhoneGap mobileinit event
mobileinit event is not getting called on the phonegap app. What is the right way to do this in Phonegap? It works fine without phonegap. Thanks
More options for popup window locations
I got a request to create a popup that opens directly above the button that was clicked to open it: but currently the only options avaliable center the popup over an item. I'd like the ability to choose other locations, such as 'above' 'below' 'right' 'left' Thanks!
fadeIn works, but toggleIn does not
they seem identical in usage, but while $(".mainbody").fadeIn(2000, 'swing'); does work when replaced by $(".mainbody").toggleIn(2000, 'swing'); it does not work. any good reason?
trimmed condition if x equals a or x equals b or x equals c or x equals 4
i would like it to be an equivalent of human if x equals a or b or c or 4 is there a way to do this?
Jquery Mobile 1.3 Panel Issue
I am using the new Panel and I need the capability of having certain elements within the panel be expandable. I have implemented with: <div data-role="panel" data-position="left" data-position-fixed="false" data-display="push" id="nav-panel" data-theme="a"> <ul data-role="listview" data-inset="false" data-theme="a" data-divider-theme="a" style="margin-top: -16px;" class="nav-search" data-count-theme="b"> <li data-icon="delete" style="background-color: #111;">
jquery mobile build for android apps, how to?
hello, is there a build of jquery mobile for android applications made with phonegap? I could go through the css files manually but that's a pain. Also would be useful if the javascript would be compiled for android devices only, would bring the size of the files down and make the application faster. any ideas is there is something like this out there?
When next JQM update expected?
jQuery mobile is great project! When do you expect to make next update, e.g. 1.4? Thanks
decoupling the range slider widget
I am having trouble getting a decoupled version of the mobile, dual handled range slider. To be clear, what I want is the widet with none of the other jQuery mobile features. I went to the mobile download builder and checked one box, "Range Slider" under "Forms." It auto-selected other boxes for me, which I assume were the dependencies. When I use the mobile js file from that zip and html from the online example, I get two single handle range sliders instead of one double handle range slider. Here
localStorage not persisting in jQuery 1.3.0 (Windows Phone 8)
I have a strange issue when upgrading my jQuery Mobile library within my Windows Phone 8 HTML5/PhoneGap application from v1.1.0 to v1.3.0. I rely on localStorage within my application, which I use to set certain parameters from page to page depending on who's logged in, etc. However, when navigating between different HTML pages within the application, the localStorage seems to clear itself, which I have no idea why - and is undesired behaviour. Because the pages are separate (not all contained within
Doubt
is there any way to show the excel file inside a jquery mobile button..guys help me with the code plz....
Search Array for matching strings.
Hi, I have the following: ad=new Array('a','b','c','a','d','e','a'); I want to return the index of the letter 'a'. Using inArray I only get the index of the first 'a', is there a way you can return all the values without looping through with a for next loop? Thanks.
Web-App: Habit tracking with JQuery Mobile
I'm normally a desktop developer (C++, Python), but out of curiosity started to create a web-based application: AimHigh Thanks to jQuery Mobile I could just focus on features instead of figuring out how to create a usable design which works on different devices. It's not perfect, but given that it's just ~8 weeks ago that I wrote my first line of JavaScript I'm quite happy with the result. It's easily usable as intended and I learned a lot creating it.
json wcf jquery phonegap work only in .html
My call in phonegap in WP8 to consuming service wcf works only in index.html file. If i call in the .js file i get error GetListaMunicipios was not called. my call: $.support.cors = true; $.mobile.allowCrossDomainPages = true; $.ajax("http://localhost:56976/MunicipiosService.svc/ListaMunicipios?callback=?",{ beforeSend: function (xhr) { // $.mobile.showPageLoadingMsg(); alert('beforeSend'); }, complete: function () { // $.mobile.hidePageLoadingMsg(); alert('complete'); }, contentType: 'application/json;
What is the problem with my site?
Surfing direct to the address http://jimand.se/explore/task2.html gives me different functionality than open a link from my start page http://jimand.se/explore/start.html and then clicking to the second page. Can someone explain that to me? Password for trying is 'llab'. See my source code on the pages. /newbie
passing parameters beteween pages - listview
Hi, i want in my listview which displays news to open a new page with these news. here is my code : $('#actualites').append('<li><a href="javascript:openActualite(' + id + ',' + titre + ',' + contenu + ',' + date + ',' + type + ',' + image + ')"><img src="' + image + '" height="100%" width="100%"/><h3>' + titre + '</h3><p>' + contenu + '</p></a></li>'); $('#actualites').listview('refresh'); here is my openActualite function : function openActualite(id, titre, contenu, date, type, image){ alert(id);
fixed footer's position doesn't change after ajax content added to the page
hi i'm using jqm 1.3.0 here is my html <div data-role="page" id="quizprogram"> <div data-role="header"> <h1>www.site.com </h1> <a data-transition="slide" href="#home" data-icon="home" data-iconpos="notext">Home</a> <a href="#" data-icon="refresh" onClick="get_quizprogram_news(1);" data-theme="b" data-iconpos="notext"> </a> </div> <div data-role="header" data-theme="b"> <div class="ticker_div"> <ul class="ticker_ul"> </ul> </div> </div> <div data-role="content" id="user_list_content"> <div class="loading_pic">
How do you *properly* unload a cached page
What is the proper way to unload a cached page? I was thinking simply removing from the DOM would be enough, but it isn't. When I do this, and then I continue to navigate around my site, it eventually tries to take me to an old URL rather than the actual URL I requested. Since that URL was removed from the DOM, the screen is just white. I'm guessing that some page ID or page DATA-ID or something is still lying around somewhere, pointing to the old URL. Then maybe it fetches my new URL via ajax,
Form submit goes to wrong page on mutlipage file
Hey, I have a multipage layout with the first page linking to the second page. On the second page there's a <form> which links in its action attribute to the same page, because I want to display the second page again after clicking the submit button. But appearently this does not work: when clicking the submit button, I'm always redirectet to the first page of the multipage layout. Check out this code to see what I try to describe: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta
Transition on external page
Hello the community ! I already see the same question on the forum but she is very old (2 years ago), i think the situation have moved. Is it possible to implement a transition between two page while the link is rel="external" ? And now i start to do a form contact to send a email, have you some tips to do this or is like a classic form ? Thanks for help Allan France
web app swiping not working correctly on android
I'm making a web app and I'm trying to implement swiping. The following works on the iphone, but on the android it seems to be having problems, in that I have to swipe 2-4 times for it to actually swipe. What is the solution for getting swiping to work correctly on the android? $('body').on('swipeleft swiperight',function(event){ if (event.type == 'swipeleft') { $.mobile.changePage('#leftPage',{transition:'slide'}) } else if (event.type == 'swiperight') { $.mobile.changePage('#rightPage',{transition:'slide',reverse:true})
Google Map not displaying on initial page load - will work using direct link or refreshing!
Hi, I have a problem where Google Map is not displaying on initial page load, it will display after I refresh page or if I use direct link! The home page is http://m.ceist.ie When I navigate from home page to Contact and then Location it will not display on initial load. I would be very grateful for any help on this issue. Many thanks, John
populated menu; how to get the number of element selected
http://jsfiddle.net/tearex/EBedQ/ with the content of select menu populated, upon change of the selected option i want the text field to get the number of the option chosen. something does not work with this last step. pls help
JQM display external content and keeping iOS full screen
Hi, I'm using JQM and it's working great for me except in one area, external content. I need to either link to or display external content on a domain that I down own. If I just link to it regularly, it opens in the safari browser on iOS. Getting back to the 'app' is difficult at this point since you have to exist the browser and reload the app. I've also tried putting the content in an iFrame, but because of the viewport, you can only see a small section of the website when viewing a non-mobile
JavaScript inside Collapsible
Hello, I am using JQM 1.2.0 and I have a simple collapsible with JavaScript inside: <div data-role="collapsible" data-collapsed="false"> <h3>Section Header</h3> <script>alert("Test");</script> </div> The problem is that when the page loads, the JavaScript inside the collapsible is executed twice. The example is simple to illustrate the problem and in production, there is no way to move the script outside of the collapsible. How can I instruct JQM to NOT execute the script two times?
Navigation across hash pages #a-->#b-->#a-->#b not working
I have a page called store.htm and it has #latest #updatedlinks #allbuilds each an every page has links to other two from header example when i navigate from #latest (i.e it is load page so store.htm will take me to store.htm#latest) and clikc on the updatd links i am navigated to store.htm#updatedlinks. them when i click on the latest link on #updatedlinks i am navigated to store#latest. Again when i click on updatedlinks link from # latest page i am not taken to #updatedlinks page and i am still
Next Page