Animation in jQuery
Hi guys I'm squirrelling away trying to learn Javascript/jQuery with the intention of using git for mobile applications. One issue I'm having trouble getting started with is animation. I am looking to animate a graph so it scrolls left at a set pace. The graph is essentially a series of bars (each a separate DIV in the code) with the width set based on a previous user input (i.e. they can vary). The width then translates into seconds so I want to animate the graph to scroll from right to left at
Why dialog is not opening
Hi, I am trying to open a dialog on id or class click but neither ways work with me and no error in chrome console. Here is the link... just try to click on the Arabic Coffee http://crockeries.meskholdings.com Thanks, Jassim
v1.4.5 google map not refresh
The issue: When you click on 'Open Demo' of this official Jquery mobile 1.4.5 page: http://demos.jquerymobile.com/1.4.5/map-geolocation/ You get a google map. Then when you scroll down to the bottom of the map, leave the scroller's position at the bottom, then hit the browser's back button to return to the demo page. Once at the demo page, you click on 'Open Demo' once again. Once again, you get the same google map and the same scroller's position: at the bottom. I found this issue first occurs
Responses to Issues in jquery mobile github
Hi, I have posted an issue in github project and I'd like to know if somebody knows how long take to receive an answer about it, more or less. Thanks in advance, Félix.
Table header floating issue
Hi, I am using latest version of Jquery mobile for my project. I have used HTML table to populate the data. when i scroll the page the table header should be visible below the header. if remove the jquerymobile js it working fine. issue I can't float the table header, When I scroll the page table header should be visible on the top. demo project is attached. Thanks.
How to get device information
Hi there, In my app, I'm requesting use access to device information. In my app, I have contact me email link. When clicked, I would like to populate email body with device information such as device id, OS type and version, etc. How do I go about doing this? Joe
Localization of mobile app
Hi there, Localization has nothing to do with jQuery Mobile, but I was wondering if I could get some pointers on localization of mobile app. I have written a mobile app using jQuery Mobile and would like to localize it to French. Joe
Problem with select menu in Android with Chrome version 50
I have updated my Chrome browser to last version and I have the following problem: When I select an option of a select menu it does not appear selected, I repeat the process of the selection and then it is selected OK. If I try to select other option it happens the same, first time bad, second time OK. It is happening since I have update to version 50 of Chrome, with previous version 49 it worked OK. I am using a Huawei Y5 with Android 5.1.1, it happens the same with a Nexus with Android 6. The
in select menu tab key is not working
Hi, In select menu,after selecting any value, focus out and tab key not working please help me. Regards, Guruprasad N
jquery-mobile slide overlay menu
Hi, I am using jquery-mobile slide overlay menu in my application(hybrid mobile application).To make this menu global.i kept a separate menu html as menu.html and i am loading it as $("header).load("menu.html"). The issue is During loading in each page where it is loading Ui is being broken down and after it gets loaded It's coming fine.But issue is during loading time. please suggest me is there any alternative way to make this menu as global.I am using only html,css,js.
Slider is not working in Windows Mobile
i, I am using a slider in my application. It is working in iPhone, Android as expected. But, in windows Phone (Tested in Mobile and debugging in Nokia Lumia 520 Emulator in Chrome) not working as expected. The reason I found is 'change' event is not firing in Windows Mobile. I am using the below versions: jquery.mobile.slider.js (jQuery Mobile 1.4.2) jquery.mobile.slider.patch.js jquery-2.1.1.js (jQuery 2.1.1) Any help would be appreciated. Thanks in Advance Kiran
How to include html generated by one function in another ?
Hello, I desesperatly try to include the html generated by the function AjouterRepasMesures(DateCourte, MomPrise, htmlAffMesures) within the html generated by the function AfficheMesures() in the places between //************************** could someone put me on the path? Thanks in advance Here is the code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
finger event taphold
Hello everyone I have a question you can capture the state of the finger or mouse during taphold for example $(document).on("taphold",".div",function(e){ if the finger is still pressing { alert("down"); } if the finger is still up { alert("up"); } });
custom copy paste
i have a textbox in my jqm app. i need a custom text popup (similar to copy paste) appears on long press of the textbox, is it possible ?
Can't use Android speech recognition in inputs nested in popups
Hello, I'm using jQuery Mobile 1.4.3 with jQuery 2.1.1. My project is a Cordova app hosting a single page webapp written in Backbone.js. I have problems using the voice recognition on Android : - when I simply put my form in a page, it works fine : touching a text input, the keyboard appears, I select the voice recognition and the microphone UI appears. - if I put the form in a jQuery Mobile popup, I get the keyboard too, but if I call the voice recognition, the UI briefly appears, then disappears.
how to vertically center content
Hi there, How do I vertically center the content that is inside the following div. <div data-role="main" class="ui-content"> </div> Thanks Joe
Are there jQuery Mobile Ranking Issues?
I recently rewrote a website using JQM. The Google Analytic sessions are now about half of what they were with the old site. Is anyone aware of ranking issues with JQM? Site URL
Master Detail Page
Hi friends, Is there a way to create a master/detail mobile app using query mobile, where all the data is coming from single external XML file from google docs. Can someone help me please? Thanks Krish
placeholder large text
hi all, I am using a list with searchbar as below inside ul ... li tag data-filter="true" data-inset="true" data-filter-placeholder="Search Help" in some cases the text is longer than length of the search bar text length, in that case the text gets ellipsis is there a way to show full text may be in a marquee ?
JQUery Mobile Popups - multiple popups on one page
I am trying in include several popups on the same page. Each popup has a separate id but only the first one displays. I have very little knowledge of javascript, therefore, I am coding the popups directly into the html. A single popup displays perfectly but what should I do to achieve multiple popups? Many thanks
How to toggle display of select
Hello I have two drop downs in my app. Initially second drop down box is empty. Based on the selection from first select, then second select is populated dynamically. I came across this posting jQuery Mobile displays hidden select element As per this posting I was able to hide the second select initially using the ui-screen-hidden is a jquery mobile defined class. But how do I set display:block when it is populated? Joe
"data-filter" attribute in "collapsible-set" (version 1.2.1)
Hi all ! I would like to know if it possible to have a data-filter" attribute to a "collapsible-set" in version 1.2.1 of jquery mobile ? It doesn't run in my code (an extract code) <div data-role="content" data-theme="b"> <div data-role="collapsible-set" data-filter="true" data-filter-placeholder="Search a car :"> <div data-role="collapsible" data-iconpos="right" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-filtertext="honda"> <h3>HONDA</h3> <p>model
navigating links invalidates UI when using jquerymobile's collapsible
Not sure if it's a known issue, but I noticed that pages that use jquerymobile's collapsible cause other pages to be rendered incorrectly. What's more surprising is that this behavior is consistent across different browsers, on top of that I noticed lots of other weird issues with pages that use collapsible from jquerymobile. As a side note: I use in my page jquerymobile only because of collapsible, but most likely it's not an issue of collapsible, but of jquerymobile instead. Here's how it happens:
Popups don't open on wanted position if user scrolls down
Hi, I spent all day on this and it's driving me crazy... I have two popups. The first one is in the footer : I want the popup to open at the same position as the footer. It works if you don't scroll. If you scroll the popup will open every time on the original position of the footer. How can I update the correct coordinates to the popup position ? Then I have dynamic popups that are created whit a javascript function. Now this is even worse. It's fine as long as you don't scroll, but if you scroll
connect "Filterable inside custom select " to mysql
Hello. I have a problem. I want to use "Jquery Mobile 1.4.5 Filterable inside custom select" with a Mysql database for afficharge the list. with version 1.4.5 jquery mobile. I would insert url connection file to the database in java script. pourvez you help me? <?php $mysql_hostname = 'xxxxxxxxxx'; $mysql_user = 'xxxxxxx'; $mysql_database = 'xxxxxx'; $mysql_password ='xxxxxxxx'; $mysqli = new mysqli($mysql_hostname,$mysql_user, $mysql_password, $mysql_database); $q = "select id, value, cyti from
JQM Selectmenu custom filter
Hi, I've got a problem using the custom filtering of a selectmenu. First of all, the demo at http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/ throws an error for the long list example. // After the dialog is closed, the form containing the filter input is returned to the popup. .on( "pagecontainerhide", function( event, data ) { var listview, form; // We only handle the disappearance of a dialog generated by a filterable selectmenu if ( !pageIsSelectmenuDialog(
Ajax loading with php breaks everything
I have a php page with a listview in it, with a search bar. I can access different content by passing a parameter in the url, after the index.php, but the problem is when I have a link in my page to another option (so a link to index.php?action=other_action ) the Ajax loading breaks anything responsive in the page, the search, buttons... The previous content is not removed so the new content is displayed but nothing is dynamic. Of course if I disable ajax loading everything is fine, but it's so
page logic work only from time to time
I have two cases. First, the city is selected by clicking one of two buttons. The value goes to localstorage. The second case, a button "repeat order" was clicked. Links with data from sqlite storage have the value "city". They go to localstorage too, the debugger shows correct values. The page logic works fine, price is according to city, but the displayed page is for the entire wrong city. If I go back and click the link again - the same link - a correct page appears. The logic sits in an pagebeforeshow
Dynamic page not being created
I am attempting to display the data fetched from my database (via html form and javascript) on a new page instead of the same page as the form. I am receiving the alert(JSON.stringify(formElements)); which displays the column names as well the data. However, after this alert the new page is not opening. I am using Cordova and JQuery mobile. Can anyone see the issue here? JavaScript: function fetchEvent() { db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024); db.transaction(function(tx)
search engine problem
//php page zoeken.php contains: <?php //alle ingevuld gegevens worden opgehaald en bewaard $zoeken = $_GET["searchbox"]; print($zoeken); $terms = explode (" ", $zoeken) ; $query= "SELECT * FROM artikel WHERE " ; foreach($terms as $each){ $i++ ; if($i == 1) $query .= "Omschrijving LIKE '%$each%'" ; else $query .= "OR Omschrijving LIKE '%$each%' "; } //connect mysql_connect("localhost","meubels","wachtwoord") or die("Fout: Er is geen verbinding met de MySQL-server tot stand gebracht!"); mysql_select_db("meubels_co")
Can't remove space in collapsible listview
Hi, I've been trying last 5 hours to remove space in a collapsible listview with no success. I have a listview, the content is loaded with ajax. The code loaded from the ajax call is the <li> element and the <ul> listview (with its <li> elements) inside the <li>. I use append() to add all this to the parent listview. Everything is inside a <span> and after loading the code from ajax I use .trigger("create") on the span to obtain the graphic elements. The first element of the list on top is fine
Windows Phone 8 Page Render Problems
Hello, I have been developing web site using JQM. When I open it at Windows Phone 8 device(Lumia 820 and Lumia 920), I see page render problems. I'm using jquery.mobile-1.3.2 and jquery-1.9.1. Problem appears in http://demos.jquerymobile.com/1.3.2/widgets/buttons/ web page too, at Disabled section. I tried to, Change x-ua-compatible as IE9, IE10, edge. Change viewport like, <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
Jquery mobile block my normal events in Jquery
Hi I have this script code to move a slide to left and right with function click on the arrows. I am using jquery 1.11.3 But I have a problem mobile device. I want to insert the event swipe but when I insert the script of Jquery mobile with Jquery, like this: Both the same time, my swipe event works perfect but the others function on jquery are block, not working. I don't why happend it. Any help ? Thank <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
jquery mobile reinitialize page as the beginning
hi,i have a problem in jq mobile app I have a page with form,input text,label,ecc ecc...when i return in this page through the back button,I would like to re-initialize the page as it is written in my index. how can I do?
Setting Header Bar Theme Across All Pages.
Hi, is there a way I can set the theme of the header across all pages. Currently I am using data-theme on the header itself. Thanks.
How to get a value from listview
Hi there, I'm trying to get a value of data-name when user selects an item from listview by clicking. Nothing happens when I click on an item in listview. Here is my https://jsfiddle.net/93zht15z/ What am I doing wrong? Joe
Bar at bottom and top of screen?
Hello, I'm currently working on a little Webapp as a school assignment. I copied the code here and edited it a little, however there's a small bar at the top and bottom of the window. Also, if I chance the background color it will only show in those two bars. Does anyone perhaps know what the issue might be? Thanks in advance <DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Naam</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"
Need to refresh page to kickstart my code
Hi guys, I'm developing a simple app via PhoneGap as a means of learning Javascript. I've got a working script, but quite often when I load the page I need to refresh it to get the script to work. For example, I have the below code (simplified) but when I load the page, initially all the "phase" DIV's are visible. Upon refresh, they work as expected. Any suggestions? I tried a number of alternative triggers to $(document).ready() to no avail: $(document).on('pagecreate', function() {
Switch manipulation to show/hide div and change state of others
Hello, Could someone help me for this : Code on FiddleJS I try to do : when switch1 or switch2 is on 'Yes' (Block1 or Block2 is showed) but switch3 should be on 'No' and locked on 'No' and block3 hidden. when switch3 is on 'Yes' (Block1 and Block2 are hidden) and switch1 and switch2 turned on 'No' and locked (disabled). Thanks in advance
Error when saving value to localStorage
Hi there, I'm trying to save and read but when I try to save the value of button in the panel, I get error - Unable to set property 'adl' of undefined or null reference. I have never used localStorage before. Can someone help me locate the error? Tried running this code in IE11, Firefox and Chrome. adl is just a key. Thanks Joe Here is my code: <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-2.1.3.min.js"
Next Page