jquerymobile form slider
Hello, does anybody know how to disable / dont show the value field on the left of the slider. Help would be very nice Thanks from Germany Thomas
List with Thumbnails documentation - incorrect
In the documentation is written :To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element But what really happens is, that if the list item has at least one image (not just as a first child element) , the first image is used as a thumbnail and get the class "ui-li-thumb", and the list item get the class "ui-li-has-thumb" From the jqueryMobile code: item.find( "li" ).find( "img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() { $( this ).closest(
Using select menu to show/hide searchable items? JQMobile
How could you integrate the select menu to render what a user can search? Maybe show/hide groups.. like a "search by location" option and certain location-specific elements would dissapear? Thanks in advance.
pageLoading animation never shows on iPad, only once on Android, always in Chrome
I've got a simple app that reloads a list based on whether a value has changed (in another page) So, when the "pageshow" event triggers on the list containing page, I reload the list if needed. When reloading this list I run: $.mobile.pageLoading(); And when done: $.mobile.pageLoading(true); This: never works on the iPad (iOS 4.2.1) works once on my Nexus One (Android 2.2.2). When I reload the entire app it works again, once. No matter how many times the list needs reloading, it always works in Chrome
[unexpected event occurring] Swipe Event Occurs When I Scroll Vertically
(jQuery Mobile alpha3) Swipe event occurs unexpectedly when I scroll vertically. This is the code, which handle swipe event(line 660): if ( stop.time - start.time < 1000 && Math.abs( start.coords[0] - stop.coords[0]) > 30 && Math.abs( start.coords[1] - stop.coords[1]) < 75 ) {* 1. distance between start.x and stop.x should be more than 30 * 2. distance between start.y and stop.y should be less than 75 This is the condition of swipe event occurring. It looks like proper, but the condition
Firefox Mobile problem
I'm testing my app with Firefox Mobile on android 2.2. The links created with text formated listview does not work. It reacts to click like highlights and stuff, but does not trigger the click event attached to it. It works on the native android browser and opera as well as iphone. When I bring up jquery mobile doc and demo site under Firefox Mobile, it blows up after navigating a couple of pages. So I'm sure it's not just my app.
More button icons: question mark, email, phone...
Please add a question mark icon for buttons. It'll go nicely with Help button which is very popular in web apps. And since this is for mobile web apps, it would be nice to have email and phone icons for links like tel: and mailto: button links. Thx G
How do I prevent page loading on link click for an intra page link?
Hello Everybody! I'm trying to "mobilize" an existing website using jquery mobile. This basicly works but (for now) one problem left: For long pages there are lots of anchors and links to this anchors defined which are hijacked by jqm and prevented from navigating within the page. Instead the link is interpreted as a navigation to another page. I've learned from another post here that the following code enables a scroll the the anchor when clicking on the intrapage link: <link rel="stylesheet" href="css/jquery-mobile/jquery.mobile-1.0a3.min.css">
Yet another question of changePage() method
Hi list, I went on using this kind of code to call dynamic page content : <script type="text/javascript"> $(document).ready(function(){ $("#epg").click(function(){ $.mobile.changePage({ url: ".cxml", type: "post", data: "__sequence=getEPG"+"&login="+localStorage.getItem("login")+"&pwd="+localStorage.getItem("pwd") },null,false,true); });
slider css style not entirely clear
I coded a slider like following to switch between two options: <div class="ui-grid-a" data-role="fieldcontain"> <fieldset data-role="controlgroup"> <div class="ui-block-a"><label for="check">check</label></div> <div class="ui-block-b"> <select name="check" id="check" data-role="slider"> <option value="N">No</option> <option value="Y">Yes</option> </select> </div> </fieldset> </div><!-- /grid-a -->It works fine. But the style is not entirely satisfactory. The corners
No AJAX form loading with the experimental scrollview
Hi, when I use the experimental scrollview, the formulas doesn't load the content via AJAX? Anyone knows why? http://jquerymobile.com/test/experiments/scrollview/ I really like the scrollview. It makes the mobile website look more like an app. Regards, D.
checkbox live click event not firing in 1.0a3 or 1.0a2, fine in 1.0a1
Hi all, Having developed an app using 1.0a1, I decided to updated to the latest version, now my live click events aimed at checkboxes are not firing. I'm guessing it's something to do with the way the mobile framework modifies the checkbox and adds extra styling spans etc. There must be a variation between 1.0a1 and 1.0a3 that is causing this perhaps? Does anyone know a way of binding the live click event to checkboxes in 1.0a3, I have searched but couldn't find any answers. Also, using 1.0a2 does
Headers already sent by jQuery Mobile?
Hi Guys, Just starting to play with jQuery and jQuery mobile to be exact. I've written a login script in PHP that once the user has successfully logged in runs the following: header("Location: index.php"); When that runs though, I get the following error: Warning: Cannot modify header information - headers already sent by (output started at /Applications/MAMP/htdocs/app/login.php:22) in /Applications/MAMP/htdocs/app/login.php on line 138 I'm thinking that jQuery Mobile is posting something in the
Label font is different from Legend Font
Hi All, I noticed the font applied to a label differs to the font applied to legend. Shouldn't they be the same for given theme for a consistent look? Here's the complete code with the legend copied and pasted straight from the demo page: <label for="myInput">Label Font</label> <input id="myInput" value="some text" /> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Legend
autocomplete android setTimeout
I have been trying to figure out the autocomplete() problem with an Android phone and the touch key pad. What I have found is that setTimeout() stops execution of the javascript until the key pad is hidden. I created my own autocomplete program and it works great if I execute each key stroke, bypassing setTimeout(). Does anyone know how to get around this? Or, how to do an autocomplete without using setTimeout(). Thanks.
a nice editor for jqmobile?
i'm looking for a nice ide editor that can work with jquery mobile as well (code completion) (preferrably for for both mac and win) any ideas?
Make feature compartmental
Idea: Break the features up into components and compartmentalize the file. I want to use some of the feature, but I don't want the swipe movements and some other annoying features. I want to be able to create my own custom file like I can with jQuery UI. Reasoning: I have been using jQuery Mobile for the lightweight UI. As I am packaging my project with Titanium I have no need for the mimicking swipes. I also cannot stand the spans it constantly adds and the way it does not let anything scroll
refresh a header after adding it dynamically
there are several posts that mention similar problems, but i haven't been able to find anything that solves this. i'm dynamically adding a header to a page. how do i refresh it so that the jquery mobile styles are activated? as some other posts comment on, page() doesn't work. here's my code: $(document).ready(function(){ $('div[data-role*="page"]').each(function(i){ if($(this).children('div[data-role*="header"]').length!=0){ alert("has header"); } else{ $(this).prepend("<div data-role='header'><h1>Welcome</h1></div>");
Forum Link on main page is wrong.
Don;t know if anyone has mentioned this yet or not. On the main page for jqm, the forum link in the green navigation bar seems to link to this.. http://forum.jquery.com/jquery-mobile Get a 404 on that link. The correct link should be... http://forum.jquery.com/using-jquery-mobile/ Not a big deal but i figured i'd let you guys know. I thought the forum was down the last couple of days.
Setting direction for rtl languages
How can i set the direction of the page to support rtl based languages (Arabic, Hebrew,etc)?
How can I get the canonical address for the current page after it is loaded?
I want to get access to the actual address for the page that is current visible. Is there a way to do this? I'm thinking for purposes of Google Analytics page tracking.
iPhone (Safari) prompts to add contact rather than just going to the phone call screen
Hi All, I have an a tag as follows: <a href="tel:1300 111 222">1300 111 222</a> on my HTC phone, it goes to the phone call screen as expected. On the iPhone/iPod, it prompts to add as a contact and you can't seem to skip this. Does anyone know if there's a way around this? i.e. so it goes straight to the phone screen? thanks Matt
Dynamically generated LI with thumbnail length variable.
Hello, I spent much time to show 'listview' dynamically. My code like this; $("item",xml).each( function(){ var item_file = $(this).find("file").text(); var item_desc = $(this).find("desc").text(); if (item_desc == undefined) item_desc =''; var item = '<li><img src="' + item_file + '" />'; item += '<h3><a href="#each">' + item_desc +'</a></h3>'; item += '<p>dummy</p></li>'; $('#itemlist').append(item); // alert(item); }); Last alert shows maybe right statement. <li><img src="images/a.jpg" /><h3><a
video problem
When I put embed youtube video on a page and hit back, then return to the page the video will change location in the page, how to fix this? Example: 1. First load of page Some text...... ..........................................some text... ........................................................... *************** * * * VIDEO * * * *************** 2. Second load of the same page Some text...... ..........................................some text... ...........................................................
External URL in Dialog
I'm trying to load an external url in a dialog. Something like this: <a href="www.google.com" data-rel="dialog" data-transition="pop"><img src="openshareicon.png"></a> It tells me that no local file exists in safari. What's the trick to getting this to work? Or even just some way to get to a webpage and then back to my webapp since there won't be a back button.
Form Elements have no ID
I had a HTML/JavaScript web site that wanted to convert mobile with jQuery Mobile. In this app I need to be able to change the text of buttons. Unfortunately, jQuery Mobile hides your buttons. So when you change the text on the button it is not visible. Sure you can use native buttons, but then you have no style on them. So that is not an option. So I tried using link buttons and modified my script to change the .text of the link. Fail! jQuery adds a bunch of spans inside your links so you cannot
URL Length Issue? Going by the demo.... it will run out of space-length
Hey there people. We just had a quick look at the demo for jquery mobile , and the first thing we noticed before anything else was when using the "Home" button instead of back... the URL length slowly grows with the addition of the ../.. Now with a normal pc based web browser this alone is a bad idea due to URL length issues and bandwidth increase? So what are peoples thoughts on this one.. We realize that this can be corrected via simply using a direct url link instead of the jquery mobile... but
How to reload page when you click back button?
So I want when I click Back, that that page reloades? Any suggestions?
I want to set the title after every page is loaded (or "Where do pages get loaded by AJAX so I can hack this?")
The title string may be superfluous for mobile environment, but for desktop it is nice if the title changes as the user navigates the site. Previously someone suggested I "look at the downloaded page" to dig the title out that way. It was also suggested that using data-title attribute might be easier to handle, though I'm not sure why this would be easier. Is there really no easy to to do this? If not, Where in jquery-mobile should I look to try and start hacking this in?
Refresh problem
Is there anyway to refresh the page when you click back button? Mine stays loaded, and I need to refresh it because I have javascript which has to load everytime
Issue with playing video in a page
I have my main page (main.php) which has a thumbnail list. When I click a list item, I go to video.php where I grab an ID and embed the src from a db result. The video plays and works fine. My question is when I hit the back button, the video will continue to play if it hasn't been paused or stopped. What can I do to fix this?
keeping navigation all the time...
HI All, I'm trying to use keep the header and footer elements on all the pages.. when i've a link like this: <a href='test.html'>Test</a> it loads the test.html but then none of the script or stylesheet in test.html gets rendered/executed... If i use rel='external' the scripts get executed but i lose the navigation.. is there any workaround for this? can someone please help?
How do I "hijack" the ajax page requests for jquery mobile
When you click on a link, an ajax request is sent. Is there anyway to "hijack" it to lets say call a function if the request returns a 404 error, etc? Thanks
[Double Tapping] trouble
HI all I am building an application in jquery mobile and javascript, i have an unique page named index.php, in this page i have defined many divs with the atribute [data-role ="page"] to navigate between pages... All work perfectly but i have a weird trouble, some times in the navigation links i click twice in the same link, when i did that, all pages lost [ui-page-active] class and my screen displays a white page... Because there aren't active pages... So, how can i solve it??? any idea?? thanks..
Navigation Problem Internal pages X#Y instead of #Y
Hi, I'm using jQMA3, phonegap0.9.2 and jquery1.4.4. I have just one html document (index.html) with several internal pages. Sometimes in testing the application, when clicking through the internal pages I get an navigation error. JQM tries to navigate to www/page-X#page-Y instead of www/index.html#page-Y I use only internal pages links like (e.g. <a href="#page-Y" ... Both as buttons and in footer navbars. The error seems to be non deterministic. It happened on Android 2.1 and 2.2 in the emulator
How to nest form fields?
I have collapsible-set -> fieldcontain -> controlgroup with checkboxes. I'd like to embed a text input field within a checkbox (bar). It's not working. Any alternatives? What I try to achieve? Let's say I have to make a choice of colors: white, almond or custom. Selecting one excludes the others. When custom, I need to have a text field to collect that custom color. Very easy to do for non mobile pages. Any ideas?
[pb] single html with multiple data role page
Hi, I have single document "list.php" wich generate a multiple data role pages. I When I load list.php directly it's ok. I can navigate into my multiple pages, so the multiple page structure is ok. But if I load list.php from a page that was loaded via ajax, it doesn't work and load the last (data-role page) in list.php List.php is link via a form : <form action="list.php" rel="external" data-ajax="false" method="put"> I have no ideas....
got "Failed to load resource: cancelled" Error when using Jquerymobile in difference browsers
Here is my code <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head><body> <div> <img src="avatar2.jpg" width="80" height="80" > </div> </body> </html> The image did not show in any browsers (firefox, safari, chrome). If I commented out the jquerymobile library, the image showed up.
Bind tap to left image on search input
Is there a way to bind a tap the image? Would be nice to start a search.
ui-li-aside causes truncation
Usiing <span class="ui-li-aside"> in a list causes the main text to be cut off with ellipses (see "clothing and..." below). This is OK but it seems to do it unneccessarily - there is a huge gap between the elipsis and the side text. In a browser like Firefox it is not truncated - the text will overlap if minimised enough but in Safari and on my Nexus one it displays the truncating behaviour. Any ideas?
Next Page