Double input text problem - Android
Hello, I am using jQuery Mobile 1.3.1 with jQuery 1.9.1, and I am facing a problem. I tested my application on a HTC Wildfire S (Android 2.3.3) and when I enter a text input, the input is displayed twice (one is the jQuery mobile input and one is a native input that is "floating") and when I am typing, the text is displayed in the two fields. I tested it on a Nexus S (Android 4.1.2) and I didn't have the problem, I also tested with a native input (with "data-role='none'") and I had the same problem.
integrate with jsf?
I am trying to integrate jquery mobile with jsf 2.x. Is it possible to do so?
Accessing javascript for formatting subsequent html pages. Please help!!
I am trying to put together a jquery mobile site for doctors to practise their Dermoscopy skills on an iPad or tablet. As there will be 81 cases in total (with photos), I'm trying to organise it as 9 html pages with 9 cases on each. I want to resize the list elements with javascript so they fit nicely on to the screen. The first page works ok. The problem is, the javascipt variables for resizing the elements don't seem to be available when the second html page loads - i.e. when the user clicks on
How to make bigger icons???
Hi every one, I'm looking for a solution to display bigger icons in the header, because 18x18 is too small... How can I do it? Thanks!
scroll and scrollTop not working on touch devices
On the homepage of the website I'm working on, using .scroll and .scrollTop functions, I'm trying to automatically load more content in real time. It's working on PC, but not on touch devices (phones & tablets), where it doesn't automatically load more content and stops just before loading data. QUESTION: How can I replace the function below to better suit this functionality on phones & tablets with touch functionality? Thank you. var page = 1; $(window).scroll(function () {
calling html elements from iframe html a tag
one.html --------- <html> <body> <iframe id="frid" width="100%" src="two.html" height="90%"></iframe> <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> <h3 class="ui-title">Enter your annotation text</h3> <textarea rows="4" cols="50" id="TA"></textarea> <a id="AnnotationText" href="#" data-role="button" data-inline="true"
Themeroller broken
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
need to load and reload the same page for making the links work
hi im developing my first app using jquery mobile, and i have an issue with 2 pages, in both pages if i load normally the page the link doesnt work, and if i reload the page the links works perfect. http://www.mntdesign.co/?/m/portfolio http://www.mntdesign.co/?/m/about in both web pages i have something like this: <!DOCTYPE html> <html lang="{country_code}"> <head> <!-- META TAGS Declaration --> <meta charset="UTF-8"> <title>MNT Graphic Design - About </title> <meta name="viewport" content="width=device-width,
Button reminds as clicked (i.e. in blue)
Hi Forum; I am using JQM 1.3.1. In my form I have the next button: <input type="button" id="but" value="Today"> When clicking this button, I need it to return to its default color, insted of blue, as it is down. I see this question in lots of places and the suggestion is always to do removeClass('ui-btn-active'), but in my case I tried it in lots of ways and never works. For example I did: $('#but').on('click', function(e) { setToday(); $('#but').removeClass('ui-btn-active');
jquery mobile 1.3.1 data-icon not appearing
Hello everyone, i am using jquery mobile 1.3.1 with jqurey 1.9.1 and icons are missing. I have the image folder in the same place where my CSS files are but still cant get it work, here is my code <!--JQuery CSS Mobile libraries --> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.min.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.min.css"
Jquery Mobile application with Require JS and Sammy
Hi I am pretty new to web apps in Mobile device. I am evaluating couple of libraries that i will be using for my upcoming project and i have chosen Jquery Mobile,Sammy and Require JS. I was trying to integrate them in a sample app to get familiarize and i am completely thrown off . I am trying to do a basic stuff basically loading the modules using requirejs and redirecting the user to a template. To my surprise i see that template is getting loaded to DOM but the jquery styling is never applied
Can't get the jqm standard icons to show for input fields.
I created my first jqm form, but I'm having the problem of the select list, checkbox icons are not showing, I get just a gray circle for the image, not trying to use a custom image either. Not sure what I'm doing wrong but I think it's the way of calling the css, ui. Here is how I'm calling the css, ui and js. at the top of the page. Just a simple contact us form. Any ideas? thanks. <!-- Add jQuery Mobile and UI CSS styles //--> <link rel="stylesheet" href="css/jquery-ui-1.9.1.css" />
overlap in slide transition Jquery Mobile 1.3.1 (Android)
JQM 1.3.1 - JQ 1.9.1 - Chrome on Android 4.2 I have a home page with a list of 50 items which point to another page. When I use the slide transition, the first slide out and slide back are perfect. But the second one and all the ones after are a bit different. It looks more like an overlap when going from the list to the event's page. Also, the transition seems a bit faster. I removed all my css to make sure that none of them were interacting with the transition. Here is the code (it includes the
hello
hi to alla i am new in Jquery
hello
hi to alla i am new in Jquery
Issue with columns selection on dynamically generated column-toggle table (jQm 1.3.1)
Hi, I'm new to this forum and relatively new to JQuery mobile framework too (so, have mercy...). In my project, I'm trying to dynamically generate a column-toggle table. What I need to obtain is to populate the table based on a selection change in a <select> element (each time I change the selection, the table content must change). I already managed to trigger the creation event after the selection; in this way I managed to create the table by injecting it inside the DOM (on a <div> with a specific
replace label name with a variable
$("label[for='c1pick'] .ui-btn-text").html($("#introdukt").val()) I would like to replace c1pick and #introdukta with variables Tried the first one the following way: whichone="c1pick" $("label[for=whichone] .ui-btn-text").html($("#introdukt").val()) but it doesnot work. Is there a way? How to replace #introdukt reference with a variable, too?
JQuery Mobile Popup Image is not being displayed
Hello to all and good morning and happy easter, I have been playing with the JQuery Mobile popup function and I am having trouble getting an image to appear. The project requires an image and text to appear in the popup. I get the text to appear but the image will not. Below is the code <!--WebApp About Info START --> <div data-role="popup" id="TEST_about" data-theme="d" > <a href="#" data-rel="back" data-role="button" data-theme="d" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
JQ turn $('#topspeed').change(function() into a condition
I want to replace $('#topspeed').change(function(){ with a condition, something like the following, but working if($("[id=topspeed]").is(":selected")){ How to do it?
how to use listview to update div on same page using AJAX
I've seen and tested examples of using a button to update the html contents of a div on the same web-page using jquery and ajax, but can anyone point me towards an example of using a listview to do the same? Depending on the listview item clicked (or tapped) I'd want different html set in that other div. I gave a listview an id, and then used the selector.click function against that id, but it doesn't seem to get called. The web-page does however update to a new page based on the href value within
Refresh CSS after ajax call
Hi everyone; I have a problem when i get data from my api and appended this results to link in my html code. <div data-role="footer" data-position="fixed" data-theme="b"> <a href="listingresults.html" data-role="button" data-theme="b" data-icon="search" id="results">Results</a> </div>This is my html code, now my jquery code is: $(document).ready(function(){ function getTotallistings(){ location = $('#location').val(); priceStart = $('#priceStart').val(); priceEnd = $('#priceEnd').val();
The css long press problem
I have a question want to ask when we use the smartphone or tablet operating a Web page (Here I would mention my testing process) the default，long press on the screen，there will be a pop up window of search options because some reason，I want to make this feature disable I search the google and finally found the following CSS syntax, you can put these code before <head/> The link is a Snapshot for HTC Sensation XL http://www.littlebau.com/css.png <style type="text/css"> *: not (input) / *: not
JQuery Mobile gives white screen in IE10 Windows 7 64bit
Hey Everyone, I've been having an issue with jQuery mobile in IE10 64bit. I was intending on using jQuery mobile as my new framework but it doesnt seem to work. No listed errors in the console and I'm using the non minified version. Any ideas on what the problem is?
CDN Downloading...
Hi! A newbie question... Rather than specifying a specific build e.g. script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js is it not possible to specify a 'general' one so that one does not need to change the source every time there is an upgrade i.e. it will upgrade automatically. Thanks Mik
Jquery mobile multiple select menu issue
i amusing multiple select menu in jquery mobile. i am not not get the selected item value. if i select two values, val() s returning both values. for eg: options: A and B if i select both, Val() returning AB
Textbox to stay attached to the keyboard my device.
Dear, I'm having trouble with jQuery Mobile, I have a Login screen. User Type [txtbox] and Password [textBox] when I click on the User textbox appears the keyboard to enter text, and plays up the textbox and the User does not see what this typing, I would like the textbox to stay attached to the keyboard. Is there any way of doing this. Thank you!
Refresh page
I have a page with dynamic content fetched from mySQL DB. All my function calls are with in $(document).ready(function () { When I switch page my code is not fired. Only after a browser refresh the page is correctly filled in. I read about page refresh problems using Google and tried to use a pagerefresh function. No success. My page is in a div with role = page. I switch like this <li><a id='location' title='Hier legt u alles vast wat betrekking heeft op de locatie' href="location.htm">Locatie</a></li>
Usage in a full fledged desktop site?
We are planning to build a full fledged desktop website using jQuery mobile. On the home page i could find links to various mobile websites which use it. It would be great if we could have a look at some of the desktop versions of some complex websites which use jQuery mobile, since we are not able to assess properly if it suits out requirements.
ListView and swipe detection problem
in my native browser，When I am scrolling the li，it is very smooth [before] <ul data-filter="true" data-filter-placeholder="keywords" data-inset="true" data-role="listview"> <li>Subject 1</li> <li>Subject 2</li> <li>Subject 3</li> <li>Subject 4</li> <li>Subject 5</li> ..... </ul> However(only one line), I just add a "slide to the right" detection code (function is normal too) , the original smooth effect becomes very delay and caton [after] $(document).on("swiperight", function(event, ui) { alert("right")
How to pick and match data from 2 different json arrays
Hi all! I have prepared a page where I have a list with all my users. http://pitto.homeip.net/mobile On the right side of the page (in the span where now you found the nick written in a small baloon) I'd like to put a counter where I have all the months' the user has paid the rent. I use two different php files to get the data I need and format it to JSON. The problem is that, being a beginner, I can't think of how "mix" the two data. I'd need to have in the same row data about the user (name, nick
jquery mobile breaks % height
Hello. When I open the page below in a browser (eg Firefox 21 on a desktop pc) it looks as Id expect. Scrollbars get shown on the left (blue) and right (green) portions of the page to allow scrolling of content which is too big. If I include jquerymobile (by uncommenting the script in the head) then it breaks..scrollbars are no longer shown..the content is shown in its full size and not restricted to the specified 20% and 10%. If I use fixed pixel heights as opposed to % then it works. eg replace
fail to set session storage in dynamic list view by using json & ajax
Hi all, I am trying to show a listview using json data. i want to set url for each row using sessionStorage() but i was failed to set my code is <!DOCTYPE html> <html> <head> <title>categories</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <!--<link rel="stylesheet" href="main.css" />--> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
jQuery Mobile + PhoneGap + Google Adsense
i think it is time to ask the questions: Is jQuery Mobile's AJAX Navigation System architecturally incompatible with the javascript used by Google Adsense? Is it legally possible to monetize a mobile app with jQuery Mobile and Google Adsense? i would love it if somebody proved these questions false. i would love it if the jquery dev community or google acknowledged if there even is a problem. stack overflow and the jquery forums are littered with questions that seek an answer - as far as
how to add new jqueryMobile from themeroller???
I've made a new theme for my phonegap+jQueryMobile app with themeroller for my jquerMobile version 1.2.1 I've downloaded the zip , and I've followed the instructions that are: Add theme folder to your project and then include this before jquery files <link rel="stylesheet" href="themes/mytheme.min.css" /> But It doesn't work at all... How can I get it???? Thanks!
data-ajax="false" not working
Hi, I have a mvc 4 razor page, which when submitted checks for model validity. If the model is not valid, i return the same view and show the errors in a ValidationSummary control. when ever the page has errors and the submit button is clicked, the page is submitted in ajax fashion and displays error messages....BUT IT HANGS SHOWING A BUSY CURSOR. i tried placing data-ajax="false" in the form tag and the page div...i know i could avoid this issue if the page is not submitted in ajax. Any idea how
Newbie Question - how to change background in panel (new 1.3.1) etc
Hi! How can I change a list button in one of the new panels - I want to change the background color and reduce the font. But only in a list in the new 'panels' (and not in a list in normal 'body') Newbie here so very specific help appreciated. Thanks Mik
Paid job (Jquery Mobile) resolving rendering issues.
I've got a jquery mobile app which has just been built, however there are a few rendering issues on certain browsers which my developer cannot resolve. I'm not sure if this is the right place to be advertising this but I'm looking for someone who understands the quirks of this framework. I've tried odesk with no luck. So if there is anyone out there who is a gun with this kind of thing, contact me and we can chat dan@accelerate-services.com
Is it possible to add to calendar?
Hi all, Do you know if it is possible to prompt a user to be able to add a date/event to their calendar from a mobile site? It's possible from an app of course, but I was wondering if there is a way from a jQuery Mobile site? What I'd really like to do would be to have a button called "Add to calendar" to allow a user to be able to add a booking that they have just made to their mobile device calendar. Cheers, Kaine
JQM Theme after AJAX call from database
Hello, i got a page where i can enter a city. This city is passed the the next html file, and a ajax request getting results via a php skript from my server. This works well, but only without jqm theme. If i refresh the second result page in my browser, the theme applies. Can you help me to fix that? The Theme needs to be applied without browser refreshing. Here is my code: THE RESULT HTML FILE: <body> <div data-role="page" id="event"> <script> $(document).delegate('#event', 'pageshow', function
How to know the index of Listview without clicking
Hello everyone $("#RecipeList").on('click', 'li', function(){ alert($(this).index()) }); this code is gettng the index of lsitview who has clicked. I want to ask if theres a way to know the index of listview without clicking it. Thanks
Next Page