JQuery Remote Autocomplete from local text file
Hi Expert, Use jQuery mobile and I want to use remote auto complete from local text or xls file. How can I do?
jquery date picker - for mobile screens
Hi all, I am using bootstrap datepicker . Its working fine for large screens (attached file - Large.jpg ) , but for small screens , its switching automatically to a minified version (attached small.jpg) Which property should be used to open always in the default look ? ie as in Large.jpg
Can you remove the icon from data-rel="back"?
Hi, if I have a back button in the header of my pages set with the following code: <div data-role="header" data-theme="c" data-add-back-btn="true" data-rel="back"> Is there anyway I can remove the icon and how would I do it? Also, using date-rel="back" can I reset it and if so how? Thanks.
Mouse Click not working when the html element is of type (field type = "submit")
Hello. I have made use of the following files in my code 1. jquery.mobile-1.4.5.min.js 2. jquery.mobile-1.4.5.min.css 3. jquery-1.11.3.min.js I have downloaded these form Jquery site. These work as expected on IE, Chrome. But once i used it on the latest Microsoft Edge browser, the mouse click event on the input (field type ="submit" in the jsp) is not working . I have included a sample file, that contains the html code , which also contains the references to the above files. I have also attachecd
hiding header not working with multiple-page template
Hi there, I'm using version 1.4.5. Structure is like this: <head> ... <script> $(function () { $("[data-role='header']").toolbar(); $("[data-role='panel']").panel(); }); </script> </head> <body> <div data-role="header" data-position="fixed" ...> <a href="#tocpanel" class="...">... ... </div> <div data-role="page" id="one"> ... </div> <div data-role="page" id="two"> ... </div> <div data-role="panel" id="tocpanel" ...> <a href="#one">... <a
Fill and overlap
Hi, I have a rectangle and I want it to always fill the screen,no matter how "long" the webpage is and I want that rectangle to be on top of every element on the page. I want the rectangle to overlap every element on the page,without affecting the functionality of other elements. I have this code from the swipe example. Thank you. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
type= " time "
Buenas chicos, tengo una cuestión sabeis como desactivar la ruleta de tiempo de type="time" ?. Es decir que al pulsar "establecer" me coga la hora que es pero quiero que la ruleta no se pueda girar... GRACIAS!. UN SALUDO.
<input id="filterTable-active" data-type="search"> does not fully work on iOS 9
Hi when using <input id="filterTable-active" data-type="search" /> on iOS 9, it works on initial rendering. Then when I swipe up or down on the page, I get a blank screen. Removing this line fixes the issue. Can you please look into this? It works on 8.
Need a nice autocomplete solution
Jake, Do you have any ideas for what I can do about a good auto complete on this page (at the bottom after highlight). http://m.publicmissiles.com/fins.aspx I need it to start suggesting all possibilities from an array after 3 characters regardless of case and spaces. Thanks! ---Frank
Style and script of dynamic content does not work on revisiting the page
hii New to jquery mobile. trying to build my first jquery mobile app. App requirement is some pages with left and right panel. There is a lot of dynamic data like Page title, left panel list(which contains image and heading through JSON object), right panel which has all the page links will also come dynamically. Everything works fine at first but after visiting page 2 when we revisit page 1, panels messed up. page title does not update. It seems that revisiting the page does not catch the styles
Dropdown form element not workng when form is submitted to that page itself
I have a page myform.php and it has a form targeted to that page itself like; <form action="myform.php" method="get"> <select name="type" id="type" data-native-menu="false"> <option value="all" selected="selected">Show all forms</option> <option value="forma">Form A</option> <option value="formb">Form B</option> <option value="formf">Form F</option> <option value="formx">Form X</option> </select> <button class="ui-btn" type="submit" name="submit"
Button alert function not working when loaded with ajax
I have a search form in my page1.php file, which is targeted to page2.php, which displays results. I have a button in my page2.php, which on click, alerts "hi", like; $(document).ready(function() { $('#alertbtn').click(function(){ alert("hi"); }); }); This works fine when page2.php is loaded separately, without using page1.php's search form. When I search using page1.php's form, and when page2.php appears, the alert function is not working. How can I fix this?
External header not hiding when showing internal header
Hello! I'm using an "External toolbar" as a persistent header. The thing is that some of may jqm pages (login and others) doesn't need this header. Here it says: If you navigate to a page that does not have a header or footer within it these toolbars will persist. Otherwise they will hide to allow the page's internal header and footer to show. It look really simple, just need to add other header to the pages that dont need it. The problem is that when I do it the external header keeps showing. Here
Phonegap Jquery Mobile app list width issue
Hi, My App is having problem with iOS9, The list view is not targeting screen size and lists are coming has half screen size instated of full screen size. The App is working fine in other version of iOS but only having this issue with iOS9. Please have look into attached screenshot. Regards,
First item after divider does not display properly
I generate a list with dividers and the first item after every divider does not show up properly, no text, but an unusual link icon. here an example <head> <title>Listview test-</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> </head> <body><ul
get user location (street, city and country) in input field
I am very knew to jquery. I have the following code <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>New Road</title> <meta charset="UTF-8"> <link rel="shortcut icon" href ="images/congestion-fico.jpg" type="image/gif"> <meta name = "viewport" content="width=device-width, initial-scale=1.0"> <link href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"/> <script src="jquery.mobile-1.4.5/jquery-1.11.3.min.js"
Popup adds ui-mobile-viewport-transitioning to <body> tag only in certain browsers
I am running JQM v1.3.2 and testing in Chrome 45 and Firefox 40. I have a 1 page per HTML file configuration. Here is a sample of 1 of my pages: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Test</title> <link rel="stylesheet" href="css/jquery.mobile/jqm-theme.css" /> <link rel="stylesheet" href="css/jquery.mobile/jquery.mobile.structure-1.3.2.css"
Panels not working in a fixed width page.
Hiyas! I have made the page a fixed width so when people view the site on a tablet or computer it isn't using all the screen. The problem I am having is that the left panel isn't working when it comes out. In dreamweaver live view it works but online it doesn't. I am using this styling for fixed width page and "overlay" for the panel @media only screen and (min-width: 600px){ .ui-page { width: 600px !important; margin: 0 auto !important;
jQuery Mobile. And then?
Hello, I'm Italian and I speak little English .. Anyway .. I'm just ushering the mobile programming and I started studying jQuery Mobile. Now I doubt arises: how to use Dreamweaver HTML editor and jQuery Mobile as a framework for the graphics (buttons, lists, etc ..), but what language should I use to effectively control the hardware of a smartphone? For example, to activate the camera, gps, etc ..? Thank you Max
has columns like bootstrap for a row... for layout a page of objects
jQm old or new version... has columns like bootstrap for a row... for layout a page of objects, widgets, text/photos, grids, tables etc eg in Phone I have a column but In tablet view what if I want to have 3 or 4 or 6 columns in a row...?
Jquery mobile not loading page and i have no idiea why , but if i remove mobile scripts it work but like a simple html page
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>HoraFit</title> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <link rel="stylesheet" href="themes/drandroid.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body > <div
Blank screen on clicking back button of mobile
Hi, I have 3 pages in my mobile application. From Page1 navigation to Page2 is done using <a href="Page2" data-ajax="false">. This works fine. But mobile back is used sometimes page is not loaded and blank screen is displayed.On refreshing the page everything loads fine. Please help..
hashListeningEnabled - what exactly does it do?
Please can somebody explain in more detail what $.mobile.hashListeningEnabled does when enabled/disabled in jQuery Mobile? I have tried debugging the source, but there are some bits of code I do not fully understand. And the documentation is a bit abstract (API): jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself or use simple deep-links within a document that
Uncaught SecurityError: Failed to execute 'replaceState' on 'History':
I tried to re-build my APK for android using android studio. when installed on cell phone...it stuck on blank page with loading icon in middle (jquery loading icon). when i try to open the html directly in chrome... it also stays on blank page with loading icon and shows me following error in console Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///C:/webappe/Portal/index.html' cannot be created in a document with origin 'null'. when
Can't get the most basic function to work properly.....
It seems so straight forward... I added an anchor mid page. The menu link that points to it is correct. When the link is clicked, the page can be seen loading at the anchor point but then it jumps to the top of the page when the load completes. What am I missing? Is this a jQM issue? http://m.publicmissiles.com/airframes.aspx#Couplers ---Frank
Need help with radio button checking/unchecking via jQM/JS
Let me start off by saying that I am not a developer, I'm a guy trying to finish my website after my code guy went MIA. I'm just starting to learn JS and jQuery so please don't laugh at my codes. :) So... Here I need to show or hide button sets based on a combobox selection. No problem there. However, I need the buttons to check or uncheck at the time of show and hide. I wrote the snippet below but it's just not working as expected. Do I need to add "refresh" or something? If so, how? Here is the
Problem disabling a fieldset of radio buttons.
Hi, I have run into a problem with using radio buttons - I have replicated a fiddle here to demonstrate what I mean - https://jsfiddle.net/jcb9ovvf/12/ On load the disableBluePlayer function is called and should disable all the radio buttons for that fieldset - this is what I can't seem to work. If I remove page1 and run it with just page2 only the code does exactly as I want it to, so I am not sure where I am going wrong. Can anyone point me in the right direction. Thanks in advance.
How to make a "div" or "a" or a container look like a button?
I need a banner or a header bar, which looks like a normal button which stretches to width of page leaving some margin. The div (or any other container) may have colors other than black / grey. The header may have an icon also. How can I create one like the sample below? Thanks in advance.
How to display an input box, dropdown select, and a submit button in a single line?
Hi, When I try to implement something like displaying a search box, a dropdown select, and a submit button, all in a single line, what i am getting is them in different lines. I tried something like; <form> <fieldset data-role="controlgroup" data-type="horizontal"> <input type="search" placeholder="Enter keyword" name="search" id="search" value=""> <select name="select-native-13" id="select-native-13"> <option value="#">One</option> <option value="#">Two</option> <option
jQuery Multi-page not working when navigated from another page.
Hi, I have 3 PHP files. In index.php file, I have a search box, like; <div role="main" class="ui-content jqm-content"> <h1 style="text-align: center">Logo</h1> <form action="search.php" method="get"> <div data-demo-html="true"> <input type="search" placeholder="Enter keyword" name="search" id="search" value=""> </div> <div data-demo-html="true"> <fieldset data-role="controlgroup"> <button class="ui-shadow ui-btn ui-corner-all"
Responsive Nav Quickly Closing once clicked
Hoping someone can help me out - had to code a responsive menu myself for the first time and the javascript seems to be glitchy or something. It works fine if I don't have the extra query within the slide toggle, but the regular nav menu won't show again once the browser is widened past the mediascreen of 960px. This is what the extra function was added for, but now the mobile menu just opens and quickly quits as soon as you click on it (probably because of that 400 limit - but whyyy?). Anybody have
Returning selected value to calling page
Hi, I am developing a jquery mobile page using 1.3.2 and want to develop follwing page Select Region (drop down box) *1 [ Region 1] Customer Code : [ ] Input box disable *2 [Fetch customer for selected region] button *3 [show customer orders] Button *4 *1 : Region drop down where user will be able to select region from dropdown *3 : When This button is clicked it calls a new window or popup which is generated from jsp page which will display only customers
.bind('pagebeforecreate' problem?
I'm trying to work through the examples in a textbook entitled "jQuery Mobile Web Development Essentials - Secnd Edition". I'm using this version of jquery "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" as well as this version of css "https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" and this version of jquery mobile "https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js". I'm currently stuck in the last example given in chapter
label was hidden in field contain
Hi In my form fieldcontain label was hidden (label little bit big ), so please help me how to resolve this,if there is any pre-defined class is there or we need manually create css.
Themeroller zip download is not working
Hi, The Themeroller zip download option does not work anymore since about an hour ago. Can someone please look into it? Thanks!
Div height question
Hello all The link to jsfiddle shows something I don't understand. The div with the blue backgrounder not automatically grow in size to contain the input field. I have set the height to 20px so itat least shows up. Without the size explicitly set it won't show up at all. Can anyone explain why? Is this a case thing or does it have to do with jQuery/jQuery Mobile? Link to jsfiddle
jQuery Mobile Panel Wont Close?
My jQuery will not close my side panel, even with the data-rel="close", and add in an href="#mainpage". The button changes colors, but just doesn't close. Am I doing something wrong? I'm using the Intel XDK running Cordova with the jQuery framework.
Multiple elements in single column
Hi, I have to display multiple fields in a single column of a grid on the same row.. Eg. a text box + button / text box + label / text box + image etc.. I am unable to do the same using the grid layout.. Below is my html .. the fields get wrapped and appear on the next row of the column. Kindly let me know what needs to be done here.. <div class="ui-grid-a"> <div class="ui-block-a" > <div class="ui-field-contain"> <label for="1">Text input grid 1:</label> <span class="mandatory">
Jquery mobile does not support correctly
Hi, I have my cordova project and I am using jquery and jquery mobile for fetching remote data from remote servers. I am suffering from a serious condition which is that if data which is dynamically craeted in .js file is successfully displayed in lower versions of android like jellybean but if I use upper android versions, then on those devices jquery it not working at all.It only displays that data which I have created in pure html not with jquery mobile. I am using jquery versions which are
google chrome browser issue
Hey guys. I have a problem.My app can't open on google chrome. ts working other browser. Can you help me please.
Next Page