Problem With Dynamic UL List
I've posted this question here and before but seem to get no real reply. The problem entails creating ul list dynamically but constantly getting a JQuery undefined error. More info here: http://stackoverflow.com/questions/12135001/jquery-mobile-ul-list-still-not-working-fro-dynamic-list#comment16232368_12135001 Can anyone help me with this problem or know a workaround?
video streaming on iPhone, playing clips then stop
http://video.webdufour.com/optimal with HTML5 video player ( fallback to Flash) using video.js streaming for iPhone from a private Wowza server Playing fine in all browsers Playing fine in Safari w user agent iPhone ! On iPhone device ( handset or simulator) it's playing fine once : the sequence is Ok, then switching to the Playlist I can play once each clip, then it's over , cannot play clips anymore ... is it something related to iPhone handset cache or Safari cache ? running the iOS simulator
an included basicmap will only show on browser refresh!
I have create a mobile page for our education package (www.bildungspaket-nf.de) and I have a problem to show a mapaera with GoogleMap! When I open once side in my application, the map will not display and there is only a blank area ... until the Reload (F5), then the map will show! Example: http://m.bildungspaket-nf.de/angebotsgruppen.cfm?Thema=Boxen&KatalogID=62 and then klick to the link ...TSV Rotwei... When I insert the coplete URL http://m.bildungspaket-nf.de/angebotdetail.cfm?AngebotID=323
Jquery Mobile and CMS
Dear Forum, It is amazing to be able to develop fast and easy with jquery mobile. I am just asking me: If I make a mobile app for a customer, so how can I give him a confortable way to edit his app like contents, pics, etc..? Is there a cms for jquery mobile to make it easy for a customer? What would you suggest or what is available? Thank you!
Can't scroll after tap to checkbox and radiobutton in listview.
Can't scroll after tap to checkbox and radiobutton in listview. Put in the list view(data-inset = true) check boxes and radio buttons. Then, can not scroll for the first time after tap them. But when try again another scroll, scrolling is possible This issue happen in Android and iOS. In desktop browser, not happen.
Refresh dynamic selectmenu
Desired behaviour: Enter a number on a page, click the next button, the next page is displayed with a dynamically generated selectmenu displaying options 1 - x (previously selected number). Current setup: The select menu is entered as html code: <div data-role="fieldcontain" id="container"> <label for="selectmenu" class="select">Options:</label> <select name="selectmenu" data-native-menu="false" multiple="true" id="selectmenu"> </select>It is then dynamically populated in js:
Radio button loosing selected state inside popup
I have radio buttons inside popup dialog. In code I had one of them selected. When the popup comes up first time the selected radio button is highlighted. When I close the popup and open it again the selected highlight is missing. When I again select any other button it shows highlighted, but when I close the popup and open it again the selection disappears again.
Create few Flip toggle switch with javascript
Hi, I want to creat some flip toggle switches with a javascript function to insert them in rows. When i pressed create button, its create everything but instead of flip toggle switch, a dropdownlist. How can I create flip toggles?? Thanks!! PD: It is a while function like this: function createTable() { var lista= new Array(); lista[0]= new Array('aaa','aaa', 'aaa','a'); lista[1]= new Array('bbb','bbb', 'bbb','bbb');
Safari <select> onchange form submit broken in 1.2
In my form I have a <select> box and I want the form to automatically submit when the user selects an option. The following code works fine in IE/FF/Safari (desktop version) <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> </head> <body>
Popup within a popup
Really excited about the new popup widget that is in the 1.2.0 alpha. According to the current documentation its my understanding you can not do a popup within a popup. In the release or in future versions will you guys be supporting this capability in our current UX we definitely have a need for it and currently have been coming up with work arounds. Thanks in advance -Will
Social Sharing
Can anyone recommend a plugin for social sharing, minimum - Google+ - Twitter - LinkedIn - Facebook?
Including viewport meta tag shows only White screen
Hi, My JQM Android Application (Jqm : 1.2 aplha) shows only white screen. No contents are visible. A tap/click on the screen will display the content. Application works fine on the pc browser and android browser only the android build behaves weirdly. The following congifurations fails (Meta tag included) Device : HTC Sensation XL Android ICS JQM : 1.1.1 or 1.2Alpha Works fine in (NO Meta tag included) Device : HTC Sensation XL Android ICS JQM : 1.1.1 or 1.2Alpha Works fine (irrespective
Browser switch for jQuery Mobile
Hi everybody I'm quite new to jQuery and jQuery Mobile and am about to develop my first webapp. One question is circling around in my head since a few days: What kind of browser and/or device detection is implemented in jQuery Mobile and/or is usually used? In the jqmgallery I often saw links in the footer pointing to "Full Site". That's an important move I think. How is the device detection bypassed with such a link? (If it works that way.) What do you think of using services like http://www.handsetdetection.com/
eliminating annoying flicker transitions with jquery mobile on android
Hello friends I am facing problem in my application when I do it this flicker the effect of transition from one page to another. example: <li data-theme="d"> <a href="abount.html" id="SB" data-transition="fade"> About </ a> </ li> Also already used the feature css. Ui-page {-webkit-backface-visibility: hidden;} yet the problem persists, is there any solution for this? https://docs.google.com/open?id=0B7SDZWpaeaVxamlFQXFPVlRjbk0 thank you
JQM 1.2 $.mobile.defaultPageTransition has no effect
I'm trying to change the default page transition from this strange fade in jqm 1.2 to slide or slidefade, but for no avail. I've tried setting in both ways: $.mobile.defaultPageTransition = 'slide' and $.extend($.mobile, { defaultPageTransition: 'slide' }); both failed. any ideas?
Drag And Drop List item into Another Listview
i am using jquery.ui.touch-punch plugin and applying the drragable function on very list items <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Touch Punch - Mobile Device Touch Event Support for jQuery UI</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link href="js/jquery-ui.css" rel="stylesheet"> <link rel="stylesheet" href="css/jquery.mobile.structure-1.1.0.css"/>
Dynamically update button labels in a controlgroup
I am trying to dynamically update the labels of two buttons in a controlgroup. The way I am doing it is updating the labels, but the controlgroup is not formed, rather two buttons appear separately side-by-side. Can anyone point me how this can be achieved? Here is the relevant code: // Set the button texts. $("#day-slot").empty(); var markUp = "<a href='#' data-role='button' data-theme='e' onclick='popMenu(true)'>" + days[1] + "</a>" + "<a href='#' data-role='button' data-theme='e'
Change / translate "back" in header button
Hi there, I am just getting started with this fantastic tool and am stuck. Got this stupid problem ; scanned the forum but didn't find a solution. - I need to change / translate the word "back" in French when shifting page and cannot find where to access it. Thanks for your help Best Christophe
select menu no open
Hi I want show a select menu , this work the first time that I open, but when I want open again, it doesn't open this is my code: <form action="#" method="get"> <div id='divEspecialidad'> <label for='especialidad' class='select'>Especialidad:</label> <select name="especialidad" id="especialidad" data-mini="true" > <option value="">Todos</option> </select> </div>
jQuery vs Zepto vs jQMobi - which one is the fastest? (not jQuery)
Today I stumbled upon this test: http://www.codefessions.com/2012/08/performance-of-jquery-compatible-mobile.html It appears that jQMobi is much faster than jQuery mobile :(. I also tried their website on my good ol' Galaxy S, and yes, indeed it is lightning fast! Will performance be the focus of the jQuery mobile team?
Creating page clientside
If, for example, I click/touch on a listview jQM internally makes an AJAX-call to the server. It is expected that the server returns HTML with jQM-attributes. This is a little strange as jQuery was invented to do things clientside. In my opinion jQM makes it far too complicated to do the things the way you are used to when using jQuery. I tried to do it all on my own using changePage until I found out that a button may call a JavaScript-function but jQM crashes when you try that on a list-view. The
JQuery Mobile Button Style
Hi Guys, I am new in Jquery Mobile . I have using PhoneGap Simulator(Html5+jquerymobile+javascript+css). I want to add a button which is look like in below. So Please help me how can i get that kind of button on my mobile application. -Kamalakannan.M
List View not Refreshing after button Click event
Hi guys, In my Jquerymobile PhoneGap application, I have a list with favourt button. when i click the button it will change the button theme to "e", then again i will Click the same button then i need to get back the button theme to old one("c"). but i did n't get back to the button theme "c". I tried .listview("refresh") but it not working -Kamalakannan.M
Complete white screen on my Jqm phonegap applicaion jqm 1.2.0 Alpha
I am getting a complete white screen when the application starts. If there are any fixed header and footer, they alonw are visible while the content remain hidden behind the white area. Once I touch on the screen, the content behind the white area is displayed. This white screen re-appears on the new page after the transition to another. This white screen problem occurs only when I include the meta tag. <meta name="viewport" content="width=device-width, height=device-height> JQM Applications build
Form submit doesn't work with data-role="listview"
I have a form with various form elements. The form elements are in a ul listview inside the form tag. the problem is when I submit none of the values are submitted with the form. If I remove the data-role="listview" inside the form it works fine but I lose the nested listview and styling. Has anyone seen this or do you have any suggestions. I looks like a bug.
Understanding $.mobile object url methods
I'm trying to understand the usage of link methods. Not used to working with a framework of any kind, a lot is confusing. I realize (or think I do), for instance, that $.mobile.changePage( "searchresults.php", { type: "post", data: $("form#search").serialize() }); will transition to the searchresults.php page, transferring data from the form with an ID of "Search". The question is how do I activate that code from a link? And, by the way, since I used that as an example, the next question would
Creating a horizontal menu
Hi, I am new to jQuery & jQuery Mobile so bear with me. I am trying to create a horizontal menu for a website that will work both on standard device (desktop/laptop) as well mobile. I found the demo by codiqa on the jquerymobile.com site very useful with one exception... The menu I am creating is 7 columns wide. The site only allows you to create a grid that is 5 columns wide. When I looked at the code I saw that it was just using html <div> tags to create the grid so I thought no problem, just
circular sliding menus....
i am trying to implement a circular menu with circular sliding effects for ipad can you guys tell me how to implement it... i am providing the screenshot... https://docs.google.com/open?id=0B3IBJKENGE7RQjZVNXhoN0NtNUE it wouls be great if u guys provide examples... i google searched it but couldn't find anyhing....
SelectMenu and multiple and native menu not working
Hey all, I've tried a select menu like the following: <label for="Desert">Desert</label><select data-close-text="Closetext" data-corners="false" data-native-menu="true" id="Desert" multiple="multiple"><option value="Item1">Item1</option><option value="Item2">Item2</option></select> The box for the value shows up, but clicking it shows not drop down. I assume because in some browsers a multiple select element is sort of always 'expanded' and options are toggle-able? Any way to work around this
Android zoom
I can´t zoom an image (on Android) in my application. I am desperate Following is in my header: <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> In my script i made this: $(document).bind('mobileinit', function(){ $.mobile.metaViewportContent = 'width=device-width, minimum-scale=1, maximum-scale=2, user-scalable=yes'; $.extend($.mobile.zoom, {locked:false,enabled:true}); }); But it isn´t work (on iOS it works) -
MODX en Jquery Mobile
Hi everyone, I'm trying to make a website with CMS in combination with jQuery Mobile. On this forum I read that MODX would be the best solution to work with. I decided to make a website in MODX and after that trying to make a jQuery Mobile front. This last thing is more difficult than I thought. Where do I have to start? I know how I make a website with jQuery Mobile. But I don't know how to make this in combination with MODX. There is no explanation online. For example, how can I show the menu (which
jquery mobile web app leave empty white space at page bottom
I have a web app (i used JQM) currently customized to iphone. all elements are fitted to the page height, but i'm getting a white space on the page bottom. when viewing the page on pc browser everything is fine, so i guess the problem is related to the iphone screen resolution configuration on some CSS file. Please view the web page on your iPhone to see the white space (scroll down):http://aspspider.org/elimiz/check4/MC_v1.0.htm Help me
How can I prepare my images for multiplaforme devise
Dear All, I am new in developping web application for mobile and I am trying to devlopping a application to show picture, as a gallery. My problem: I do not know the size of the images, because iPad, iPhone, android and other, do not have the same screen size. And Of course, I would like to have the image displayed in full screen. So, now how can i prepare my images? Do I have to have different image size for each platform? Thank for your explication. Cheers
list ui-icon bind click
Got a listview with left aligned icon. Unable to bind 'click' to icon. Able to get all icon's span with selector. <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"/> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> <script> $('#home').live('pageshow',
G Maps - Cache JQM or Android?
Android 3.2 jQuery Mobile 1.1.1 I have a shipment tracking program that provides two location links (Origin and Destination), which bring up a Google map in a separate page in a separate file. The user enters up to 5 tracking numbers, and sends the data to the top of the page where it is processed and the results displayed. The location links are within this displayed data. The map comes up just fine, and I am able to hit the back button and return to the form results - undoubtedly, because they
problem with linking
Hi everyone, I'm trying to make an application that browses some".html" stored on the device, and I'm trying to make a link to a cydia package in this form: cydia://package/com.***.*** The link works in every app -notes, messages, whatsapp ...- except my app ! any idea what's the problem here ?! Thanks ..
Using history.pushState() & history.replaceState() methods with ajaxEnabled: false
Hello, I have ajaxEnable: false (IT architect decision) but one part of my app uses ajax to load the pages because we're using a web service for this one feature. When I hit the browser back button after navigating within the ajax section, it takes me to the previous fully loaded page and not the ajax loaded page I was last on. Make sense? I've implemented data-ajax="true" on all my links within the ajax section, but it doesn't seem to be working. I'm using the basic header, footer and content div
jQuery Mobile and desktop browsers
Having spent the last year or so working with jQuery Mobile, there are certain aspects of the framework that I think could also benefit my traditional, desktop projects. From a design perspective, I think iPads and other tablets share much more in common with desktop sites than with true, phone-oriented mobile sites, so I would prefer to design based on screen real estate first, and input type (touch vs. mouse) second. Obviously, there are a ton of caveats that could be highlighted here, but what
Jquery Mobile and Lazy load
Hello I have a problem with JQ Mobile and lazy load. When i create a 10 first articles, with collapside, is ok, but when i click the button to load more articles, that articles come with no design, no funcionalite (collapse). All works, but i dont know what is this problem. My english is bad sorry =D
Terminate a jQuery Mobile Session
Hi, sorry for asking a perhaps trivial question but after a long search I didn't find an answer yet. I want to stop jQuery Mobile to interact with my page if the user hits a link to change layouts. However, even if the page I generate with php does only contain a plain <!DOCTYPE html> <head></head><body><p><a href="./index.php">Non-mobile Version</a></p></body></html> I still got the jQuery overlay and CSS as well as the previous page mingled within the source code as if jQuery mobile generates a
Next Page