Mlist icon
i have an mlist which have items and i set the property link to another pages ,, just i want to make the icon on each element to be in the left not right by default (also the extra button link) can anyone help me ?
Link is missing - strange
Hello, I created list with the days of a week in German. Saturday "Samstag" is missing and after a while I could`t figure out why? http://www.poure.eu/mobil.fitness-rodgau.de/kursplan_nr.html _________________________________________________ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Fitness World
Page is immediately switched off at Nokia (S60V5; Nokia 5800)
Hello, I have a problem. I created a simple page (with creator on main page). When I open this page on Opera Mobile, it's ok. But when I open it with Nokia browser, browser is turned off. I created with this page widget app (.wgz), but this app also turned off when I turn on it. But in Nokia App Simulator it's ok. JQuery Mobile version is 1.2 and jQuery version is 1.7.2. Thank you and sorry for my English, I'm beginner.
The problem to make the submit button inside the content section to align in right or left
I have a problem in using the CSS class ="ui-btn- left or right". It works fine in header and footer like: <div data-role="header"> <a href="#" data-role="button" data-inline="true" class="ui-btn-right">Contacts</a> <input type="submit" name="loginSubmit" id="loginSubmit" value="Login" data-inline="true" class="ui-btn-right" /> </div> But when I applied in content or the form in content, it is not workiing at all. Like: <div data-role="content"> <a
A search input don't open the search keyboard [solved]
Hi, I just start with jQuery mobile and I'm trying to do a search form. It's very simple but I have an small issue, iphone keyboard show the button "Ir" (Go) instead of "Buscar" (Search). I'm freaking out looking for a solution, but I don't find it. This my source <form method="get" action="#"> <input type="search" name="address" value = ""> <input type="button" id="buscar_farmacia" data-theme="a" value="Buscar dirección" /> </form> Theres is an attachment with a screenshot. I'm working
How to implement Facebook style scrolling
I want to display the first 20 records in a page. While scrolling down, it should display the next set of data. This is a mobile browser based application. Please share your ideas. Thanks
Problem image SVG got blurry on mobile browser with Jquery Mobile
I'm working on a mobile website with all the icons in SVG format. When I test it in Chrome or Firefox on my laptop, the icons look great. But when I check it on my mobile browser, all the icons got blurry..it looks like they've got bad qualities. I've created a test with that problem (2 icons on the header ) http://l-azk.com/exemple/test/ Any help to fix that would be fantastic. Regards. Laurent
The Enter Key Says "Return" instead of "Search" When Search Input Field Has Focus.
Hello there, Is there is a way to make the return label in iPad2 virtual keypad change from "return" to "search" when using a search input field. I have been able to get this to behave appropriately for iPad3 by prefixing "search_" to the name of the search input field, and setting the its id and its label for attributes to the same string respectively. New suggestions to achieve the same in iPad2 functionality will be greatly appreciated. Thanks.
How to add a link inside the collapsible title(<h3>)
I need to add somthing like the "split button" that comes with ListView to the "collapsible" title! I did try to add a hyper link <a> inside <h3> inside the "collapsible", but when click on it, it just expand the content, and not go to the link target (href value). <div data-role="collapsible-set" data-theme="i" data-content-theme="g"> <div data-role="collapsible"> <h3> BreakFast <a href="#somthing">icon img</a> </h3> <p> the contents comes here. </p> </div> </div> As I
Listview into Panel
I put a listview inside a div with jquery iscroll to then view this in a panel, but the result does not work very well. The search input, of the listview, is not selectable. Why do you create tags or functions that create automatically this type of listview in a panel?
ShowLoadMSG between internal changePage
Hi everybody, I got a issue and i cant fix it. My target is to show a loadmsg like $.mobile.showPageLoadingMsg(); but not for external call but rather for internal pagechange. How can i fix this ? In my example i got one page wich loads before change a list with a lot of picture and i want to show before change a loadmsg. All pages are in one file. Thanks for every Help. Best Reguards
search option in Select menu
how to put a search option in select menu if the menu list is large enough. I am using the custom search option in jquery mobile. So it's important to give a search option in the select menu list as its too big to scroll.
jq mobile widget inside another regular html
Hi All, We created a widget using jQuery mobile. This widget will be part of some other pages (we are planning to use in multiple places). jQuery mobile look and feel needs to be applied only to widget i.e part of the regular page (it will be in earlier html versions). Is it possible to do? When I tried, jquery mobile css class is being applied to entire page, which is in older html. Thanks in advance
How To Support Interactivity with JQuery UI Mobile Widgets
I am completely new to jQuery so please bare with me. I am testing out the slider widget on the following page: http://jquerymobile.com/demos/1.2.0/#/demos/1.2.0/docs/about/getting-started.html If I view this page on my smart phone (IPhone 4) I try to drag the slider but it treats it as an image and doesn't slide. Is this the intention? I thought the mobile library should make these controls behave exactly as they do with a mouse on a desktop? Can someone please provide some additional information
Responsive Table full screen on tablet
Hi Folks, I use JQueryMobile 1.3.0-beta.1 with responsive table. The table is displayed perfectly on my phone, but on my tablet I want it larger because the table used only the half of my screen. I though jquery was able to autosize tables based on the type of device. So there is a way to display table that use all the width of my tablet screen. Thank you <meta name="viewport" content="width=device-width, initial-scale=1"> ... <table data-role="table" id="xxxx-table" data-mode="reflow" class="ui-responsive
About JavaScript header..
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> why my button is not respon if i use the javascript online....
Native select with data-mini='true' does not work on Samsung Galaxy Tab SPH-P500
Inside my PhoneGap / jQuery Mobile 1.1.1 application, I am using the following HTML to create a select menu: <div data-role="fieldcontain"> <select id="tasksMenuSelect" translate="yes" data-native-menu="true" data-mini="true" data-theme="c"> </select> </div> On the Motorola Xyboard running Android 4.0.4 / Browser 4.0.4-51, the native select menu displays properly when it is tapped. On the Samsung Galaxy Tab SPH-P500 running Android 4.0.4 / Browser 4.0.4-P500VPALI6, tapping on the select displays
Preventing scrolling with fixed headers
I have developed an iphone app using phonehap+JQM1.2.0 that has a fixed header - below the header is scrollable content (so using document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); is not possible). I noticed that if you press on the scrollable content and move your finger down, the header moves down too. Can this be prevented? This also happens when there's a footer and I swipe backwards. Thanks Jean
Change event not firing on Android 2.3.6 (native select menu)
On Android 2.3.6 on Samsung Galaxy S2 phone, using jquery 1.8.3 and jquery mobile 1.2.0 NATIVE select menu's change event does not fire. Menu length immaterial. No problem in Chrome on a PC or Firefox on a PC or IOS on iPhone or iPad. Non-native menu does fire the event, but the non-native menu is extremely unstable. Sometimes fires itself with no user input, sometimes results in the wrong choice.
List Item, returning the value of the link inside - is it possible?
Hi if I have this code: <li class="getMe" id="home2"><a href="#" value="2" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home3"><a href="#" value="3" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home4"><a href="#" value="4" data-transition="slide">Yahoo</a></li> Using $(this) how would I get the values from the <a href> statement. Presently I am trying to something like this: $('. getMe').live('click', function(event){ alert('id = "+$(this).attr('id')); }); But
How to make video stop playing after navigating to another page?
Hi, In jQuery Mobile 1.20, I have a page with a few embedded Vimeo videos. They play fine. When navigating to another page while playing one of those videos, the video in question continues to play in the background. How do I stop the video when a different page loads? Thanks.
{data-collapsed ="false" } work only last one content in ver 1.2.0
If I use jQuery Mobile 1.2.0, the "data-collapsed = "false" of "collapdible" contents work only last one content in "collapsible-set". If I use ver 1.1.1, all contents collapse collectly. Following page is sample of collapsible set page. ver 1.1.1: http://hamadroid.info/home/jqm/performance/collapsible.set1.1.1.html ver 1.2.0: http://hamadroid.info/home/jqm/performance/collapsible.set1.2.0.html Please give me information about this disagreement between ver 1.1.1 and ver 1.2.0. Thanks.
Changing a div with dynamic content
I'm trying to do a very simple thing with JQM, but I'm having issues doing it (I'm a newbie to JQM, sorry). I have a main page that link to a secondary page. In this secondary page I would like to load a dynamic content inside a div (#main). The first problem was binding to the pageshow event, because sometimes it would not fire or it would fire more than one time. I have fixed that issue using the .one function and moving the script inside the page DIV. Now I have this page: <!DOCTYPE html> <html
Blinking Back Button on Tab Event
Hello, The back button does not glow, but instead blinks when tabbed. This happens during initial page load or a hard refresh (ctrl+F5). I have added a data-rel="back" attribute, but the behavior continues. Please see the attached code below. Thanks <a class="ui-btn ui-btn-corner-all ui-btn-inline ui-btn-icon-notext ui-btn-up-f" data-transition="" data-inline="true" data-shadow="false" data-iconshadow="false" data-iconpos="notext"data-icon="back" data-role="button" href="" data-bind="event: { tap:
jquery mobile 1.3 direction controls
Hi! I am currently using "jquery.mobile.rtl" plugin to resolve displaying jqury mobile controls in Hebrew and Arabic view. Does 1.3 version handles direction for Hebrew and Arabic view? Thanks!
problem with centering image in popup
hi guys, I am using jqm to developer a simple web app for my company, which includes a sequence of images that will popup when users click on them. My problem is when I click on the images, jqm suppose will help to center the popup image, but mine is not. The position is not proper, especially when I keep clicking other images one by one. And the scale of the first-popped image will not be scaled to fit the screen.... However, if I change the browser size, the image will be centered again... I
inset doesn't work?
For some weird reason data-inset="false" doesn't work in collapsibles and in collapsible sets. Anyone know why?
Remain on same page after submitting a form
Hi everybody, I use jquery form plugin to ajax submit a form in my jquery mobile application. The problem is I use an "aftersubmit" function to determine if the response from server is successful or not. Infact I need to use a server-side validation after the form is submitted. JQuery mobile automatically changes page when user clicks "submit". Is there a way to remain on the form page so that users can correct their mistakes in compiling the form and then submit it again? Thanks in advance
Jquery Mobile adding # for form submit
So I have a form that is submitting from https://www.example.com/signup.html When I push submit, it is going to the url https://www.example.com/signup.html#/signup/5699532C91F819560BE423E20/postdata. It should be submitting to https://www.example.com/signup/5699532C91F819560BE423E20/postdata when I disable jquery mobile, the signup form works great and I have no issues. It is only wwith jquery mobile I am having this issue. All help would be appreciated.
Google Search Results in Pop Up
Before I start attempting to write the code for this or search the web for the answer does anyone know if its possible to display google search results inside of a dialog or pop up box. In the app im working on I want to use an image as a link to the google search of the images but keeping it all in my app. I dont need to code just want to know if its possible.
jQuery Mobile 1.3 Panels disables my javascript
Hello. I realise that 1.3 is still a beta realise but was wondering if anyone is having the same issue as myself and had any solution. For the panels to work the page content must be contained within the data-role="content" container. However, I am using some API's like twitter which call up content into data-role="content" container, and I also have ad tags in the container. Both of these use javascript and both disable the jQuery mobile platform. I can only get either of these features running
Safari Mobile and Chrome crash on iPhone... not sure how to diagnose
So I have put together an application using jQuery Mobile 1.2.0 (with jQuery 1.8.2). It works fine on Chrome (24), Firefox (17), and IE (10) and I'm sure other versions as well haven't done full testing yet. However, my application crashes Safari Mobile and Chrome on iPhone. I've scoured the net looking for clues; I've removed all transitions, removed css transform, box-shadow, etc. but I'm not narrowing in on the issue. My application is not large, my main .html is 11KB, .css is 5KB, .js is
sticky listview divider to top
Is it possible to sticky a listview divider in top, not only one , but sticky untin it gets to the next divider . Here's an example http://opensource.teamdf.com/list/examples/demo-basic.html I wanna to do exacly like that in JQM, also tried to use jquery.sticky but it is not working well .
Is JQuery Mobile can be used on ASP.Net Pages?
Hi Guys, As the title says, Is it really compatible with ASP.Net Pages? Because, Im having a problem on implementing it. Like for example, Multi-Page for me is not working...I don't know why. I just noticed that on the examples that they gave here dont have any "form" tags, but, whenever I implement it on my asp.net page, it always puts a "form" tag. Please Help! Thanks!
Dynamically change part of a page
I use a server-side framework to generate a jQuery Mobile multi-page with several sub-pages. The framework allows server-side handling of JS-events and the server-side event handler can "rewrite" the content of individual HTML elements. I could have a <div id="myId"><ul data-role="listview">...</ul></div> and from the server-side replace the div content with something else. On the browser side the replacement HTML fragment is parsed and the DOM tree is adjusted. However, the jQuery Mobile styling
Is it possible to convert my iphone app into jquery mobile app? And if it possible then how?plz help...
I want solution that Can i convert my iphone app into jquery mobile app.plz help
Parts of GUI turns black when switching between tab pages with different heights
I have a navbar in the page footer with click listeners on every tab. When I switch tab, I just get the page div from javascript and set the html to the new content. Here's the HTML page: <div data-role="header" id="headertop" data-position="fixed" data-tap-toggle="false" data-theme="a"> <div id="logoAndBackDiv"> <h1 id="header1"> <img src="css/images/flogo.png" alt="forex" id="img" width="50%" /></h1> </div> <div data-role="header" data-theme="d">
POST slider values to php script
Hi all! I had a nice functioning set of sliders that would pass their values using POST. Ever since I included jQuery mobile libs, my sliders would not pass their values anymore :( Can anyone help me here ? Thankyou ! Fred This is my code so far: <html> <head> <title>Vragenlijst</title> <link rel="stylesheet" href="js/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"
jQuery Mobile Beta - how to combine Panel w RWD/secondary-content nav?
How do I apply the new Responsive Design to the new Panel widget? Specifically, I'm looking for a "best practices" way to make an Phone and a Tablet in portrait mode use a panel, and an iPad in landscape use the documentation's "side nav" secondary-content layout. I can hack something together that renames hte div attributes when an orientation change is detected, but that's not very RWD. While I've gotten each working independently, I haven't seen a good way (possibly all CSS?) that I could make
Dynamically Adding Rows to Reflow Table
I've started using the 1.3 JQM beta today and I'm having trouble adding rows to a reflow table and getting them to format correctly. The table starts with a header and a few rows and then I pull some more rows in and add them with JQuery. This looks fine as long as the screen is large enough not to reflow the table into the vertical mode. If the table goes into vertical mode, all the rows that I have added are not given labels like the ones that began. for(transaction in transactions) { $("#reflow-basic
Next Page