Text to much to top
When loading the page on a smartphone, the text in content is to much to the top (under the header i guess) <div data-role =" page " data-theme =" a " id =" home "> <div data-role =" header " data-position =" fixed " data-tap-toggle =" false " style =" background:#FFF; "> <img src =" h eader_demo.png" style =" width:100%; "> <div data-role =" navbar "> <ul> <li> <a href =""> Header Bar </a> </li> <li> <a href =""> Second Item </a> </li> </ul> </div> </div> <div data-role =" content "> Text here,
JQuery Mobile select menu events, detect when menu closes
Hi, Is there a way to detect when the jquery mobile custom select menu closes? Our application allows a user to select one or more choices from the menu - multi-select. When the menu closes, an ajax call is made using the selections the user made to the menu. Currently, the 'change' event fires each time the user selects an item. There is no way to know when the user is done selecting items so that the ajax call can be made to retrieve data based on the user selection. Mark
How to make jquery mobile faster
Thank you in advance who will help me, and sorry for my bad English. I'm trying to create a PhoneGap application with jquery mobile for ios and android devices. The result is not bad but very slow, due to problems in the data-slide transition when data is imported from json are too many. The style used is that of the side menu with slide effect http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/panels/panel-nav-form.html. I have improved the functioning of my app with jquery mobile using code.jquery.com/mobile/latest/jquery.mobile.min.js.
Jquery Mobile + JQuery - Google Maps problem.
Hi, I am facing following problem. I have an app using JQuery jquery-1.8.2 + Jquery Mobile 1.2. When I integrate Google Map the events fire twice. i.e. google.maps.event.addDomListener(window, 'load', initialize); will fire the load event twice and thus initilize function. You can reproduce this problem with a simple google map code as: 1. Include Jquery 1.8.2 2. Include Jquery Mobile 1.2 3. Write a small code for Google map and fire click event. e.g. google.maps.event.trigger(jlocs.locations[i].marker,
Can't (Consistently) Set a jQuery Mobile Checkbox in a Panel
Hello, I have a checkbox in a Panel. I have setup a handler to fire on the panelbeforeopen event to set the state of the checkbox based on a cookie value and for debugging I manipulate the cookie value using a Firefox plugin. My "dumbed down" code for debugging this is: if ('On' == $.cookies.get('cookieID)) { // The cookie is "On" so "check" the checkbox. $('#checkboxID').attr("checked",true); console.log('Checkbox checked = ',$('#checkboxID').prop('checked')); // should always show
PhoneGap/JQuery Mobile UI - What is this? Bottom Menu Button?
I'm finishing up a simple app in PhoneGap Build....using JQuery Mobile UI. I see at the bottom of my app (by default) is a small black nav bar with a small row of 3 vertical dots...I'm assuming a stock options menu of some type, I've seen it before. Is that indeed what this is? How can I access it to create menu options or open a JQuery panel? It doesn't do anything when clicked by default. Thanks guys!!
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
help me code convert to Jqury Mobile
Hello How is it possible to convert this code to Jquery Mobile <!DOCTYPE html> <html> <title>jQuery Mobile Slider</title> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"/> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> </head> <script> $(document).ready(function(){ $( "#slider-fill" ).slider({ range: "max", min: 10,
ajax calls, events not working.
Hi, I'm new to the forum and have come to my first halt with JQM. I'm trying to make a ajax post to my nodejs Express 3 server. I have two input boxes and submit button. I cant get events to trigger and I have yet to get to see if the post will work. here's my code. I tried Both $("#submit").live("click tap", function (event, ui) { alert('hello!!'); }); $(document).ready(function () { $('#submit').click(function () { alert('clicked') $.ajax({ type: 'POST', url: '/login', data: { username: $('#username').val(),
I need help a conceptual mistake and can not find the solution.
This is when I use a form and post the data step, then when I go backwards in a document jquery mobile does not give me error be defined post variables passed by and I see using get, however if you step values get in the form works fine but as I can do to pass the post values. a small example of my problem: //form.html <div data-role='page'> <div data-role='content'> <form method='post' action='login.php' > <label for='user'>user:</label>
Clean HTTPS redirect. Is it possible to chnagePage to secure page?
Hi Guys, Is it possible to cleanly redirect to the HTTPS protocol for login and checkout pages? Ideally i'd like to use ajax navigation, not rel="external" Would be great to hear from anyone who is using both http and https Cheers
Listview Split button
Is ti possible to have a Add to Favorites button in Listview? with function? Can anyone answer how to do it like in the picture..thanks
next-button doesn't work for number fields on Android
The next-button does nothing if the input field is of type number. I expect it to go to the next field when pressed. You can test it here, in the Numbers section. http://view.jquerymobile.com/1.3.1/dist/demos I've tested this using a Nexus 7 running Android 4.2.1 JQM 1.3.1 jQuery 1.9.1 The same code works fine on iOS. Any known workarounds? Thanks! /J
Back button flat out refusing to work?
So, here's the part of my head that loads jQuery, options and JQM: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="<?php echo base_url();?>assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script> <script src="<?php echo base_url();?>assets/js/options.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> And here's what goes into
Customize data-filter-placeholder
Can the attribute data-filter-placeholder be customized? I've been wanting to have that change based on a filter that is selected. So placeholder defaults to "search", but if they select Location from the filter list, I'd like it to change to "Search Location". I tried something like below but, obviously, it's a greasefire. Has anyone ever attempted this? Thanks, Shadraq $("#filterButton").click(function () { $("#searchResults").change(function(){ $(this).data-filter-placeholder("Search
Sorting a array from a certain index.
Hi, is there a way you can use sort on an array from a certain index? For example if I have an array, i.e., myArray=new Array(6,2,3,8,7,5,1); Is it possible to sort from the index(1) in this case, so the sorted array would be 6,1,2,3,4,5,7,8 Or will it be a case of duplicating the Array from index 1 - this isn't a hassle but just unsure if there was another way with the sort() function. Thanks, Lammie.
how does changepage work
Hello, Happy to say that I found jquery mobile to be an excellent tool! I’m really quires however about the navigations, postbacks and transactions between pages (GET or POST). It seems like jquery mobile is doing an ajax requests instead of regular http requests. But still, the URL changes so it mustn’t be purely ajax. How does it works? Thanks!
page navigation scrolling issues
http://jquerymobile.com/demos/1.2.1/docs/pages/multipage-template.html So this site does not scroll when navigating to the next page like this one : http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html Did something change to make it scroll? I am trying to close replicate how it would display data coming from the page I am working on but it won't scroll between them. Any one able to tell me why? Thanks.
Panel and form data null problem :-(
Hi Guys, I'm having a massive issue with a login form within a panel using 1.3.1 When I try to serilaiise the form data is as follows: email=&password=&action=process Form <div data-role="panel" data-position="right" data-position-fixed="true" data-display="overlay" data-theme="b" id="add-form"> <form id="login" class="userform" name="login"> <h2>Login</h2> <div id="errorTxt"> </div> <label for="email">E-mail:</label> <input name="email"
Chrome closes dialog box immediately
I have a problem with an application I am starting to develop. I want to get a logon dialog box to come up over the first page, which gets the user to logon. It works in Firefox (Iceweasle - I am running Debian) but not in Chrome. This fsFiddle demonstrates the problem http://jsfiddle.net/akc42/ZmcP8/ I have spent some time in the Chrome debugger, and it appears to be getting a popstate event which tells the framework to go back to the first page. I just can't figure out what is causing this event
Android scrolling stutters over collapsibles
I'm working on a phonegap mobile app with jquery 1.9.1 jquery mobile 1.3.1 swipeleft and swiperight are bound, and multiple collapsibles are rendered in a div inside the content area. When viewed on a Samsung S2 4.0, the scrolling is fine. When viewed on a Samsung S3 4.1, the scrolling stutters or stops whenever your finger crosses a collapsible header. iOS devices work well. The collapsibles are inset, so if you keep your finger on the very left or right edge of the screen while scrolling
How to get the children of a selected parent using jquery ?
Hi, I'm new to jquery?Jquery Mobile .I'm trying to get the children of a selected parent tag from xml file. See this :http://jsfiddle.net/bhvxV/ Thanks in Advance.
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
PopUp query string hide
I am using the jquery PopUp control as a login box. The trouble is that it displays both fields in the URL querystring after the submit button is clicked (to clarify: the popup does this, not my login web method). Is there a way to prevent this?
click the buttons on the panel results in clicking the widgets behind it as well?
I have a page defined like below. The behaviour is that when I click the "Tools" button, it will open the "#toolPanel" panel. There are two buttons on the panel. When I click on the first button with a "tap" event, the widgets behind it is also tapped (The widget behind that button is the "search" <input>. Can any of you experienced users tell me what I should do? I am relatively new to jquerymobile. Thanks. <div data-role="page" id="mainMapPage"> <div data-role="header" data-add-back-btn="true"
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
jQuery Mobile without outputting extra classes for entire page
I have a HTML page optimised for a mobile device, which I have written the CSS for myself. I need jQuery and jQuery Mobile for a couple of things (like the loading message from jQuery Mobile, and $.ajax from jQuery) but not much else. Whenever I add in the jQuery Mobile JavaScript files, it processes the entire HTML page and adds its own classes to each element; whereas I'd like to disable that (running jQuery 1.9.1 and jQuery Mobile 1.3.1). I'm aware you can disable jQuery Mobile for a particular
Jqm 1.3.1 doesn't work with jq 2.0
Hi ... the problem is in subject the error, during the page transition is: (firebug dixit) TypeError: $.data(...) is undefined var $theme = $.data( page[0], "mobilePage" ).options.theme, jquery....3.1.js (riga 10313) Do you have the same problem??? thanks in advance for your reply
unable to hide image on load ..while navigating
Hi, I have a file called store.htm and it has a href which points to another page called mobile.html. when i click in the Href whihc point to the mobile.html,i am navigated to the mobile page but , (the javascript is not firing)(logoff button is not hidden),but when I refresh the mobile page , I see the javascript alerts firing but not when I redirect from store.htm page. here is what i ahve in store.htm <li><a href="Mobile.html" data-transition="slide"> <img src="test.png" class="ui-li-thumb"
Page is cached in mobile
Hi, I have a page called store.htm - static page it contails multiple pages and all it contains is lists and uls. when i udate - add a href list item and come to Mobile and refresh , i dont see the newly added list item in there. but after multiple manula refreshes it shows up on my mobile. YPE 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> <title>mytheme Appstore</title>
opening popup causes the browser window looses focus on IE9
In the example of the DIALOG implemented with a POPUP (here) starting from the second time the dialog is opened the browser window looses focus and becomes the last one in the windows stack. This happens on IE9 in windows 7. The problem doesnt appear on other browsers(Chrome, Firefox, Opera) . I implemented a similar example (popup that cannot be dismissed and header + content data-role within the popup) and also my example has the same problem. I know IE9 is not a target, but this might be a symptom
Page is not completing list
I am using a css page that someone else wrote to enable openlayers map to be displayed. Using the Android default browser, whenever I include my own pages I find that if the page is long, ie a list of 40 or so items, only the items that fit on the viewable page are listed. The page is scrollable but everything below the page height of the device is empty. Using Firefox for Mobile there is no problem and the whole list is displayed when scrolling. Everything also appears fine on my laptop, ie with
creating dynamic collapsible set
Hi, I am very new to jquery and phonegap, i want to create a collapsible-set and need to add listview in each collapsible set. Please guide me or provide me link which i can follow. Thanks:)
Delete the last append
I want to delete the last append when i click the back button. but when Im choosing appending again,the last append still there. this is my codes on appending. its working: $(req.responseText).find('ItemName').each(function () { ItemNameArr[ItName] = $(this).text(); ItName++; }) $(req.responseText).find('ItemQty').each(function () { ItemQtyArr[ItQty] = $(this).text(); ItQty++; }) $(req.responseText).find('ItemUnit').each(function () { ItemUnitArr[ItUn] = $(this).text(); ItUn++; }) for (var a = 0;
simplest way to create select menu
http://jsbin.com/apotot/3/edit <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> <title>JS Bin</title> </head> <body> </body> <script> $(document).ready(function (){ var s = $('<select/>'); var o = [1, 2, 3]; for (var i in o)
Next Page