How to connect Bucklor VPN to my Samsung G5？
Recently, I buy a new mobile, Samsung G5.I want to visit FB, I am Iran, I find a Free VPN Bucklor. However,How to connect Bucklor VPN to my Samsung G5?
JQuery Mobile 1.4.2 Demos - Transition not available
Hi, recently I tried to learn about transitions in jquery mobile 1.4.2. Unfortunately http://demos.jquerymobile.com/1.4.2/transitions/transitions/ is not available (404) Oddly when I navigate from http://demos.jquerymobile.com/1.4.2/ to http://demos.jquerymobile.com/1.4.2/transitions/ I will land on "home" again. When I navigate to http://demos.jquerymobile.com/1.4.2/transitions/intro/ I will land on the same page as http://demos.jquerymobile.com/1.4.2/intro/ Every thing is dublicated, except
Scrolling up and down in Chrome Browser in Android popup disappear for few seconds
I am using jquery mobile popup in my site. When popup opens with chrome in android device popup behavior slightly changed. Scrolling up and down with popup open, popup disappear for few seconds and comes again. In other browsers it work great only chrome have this problem. It work fine with iOS too. I am working on this problem with long time but not getting any solution. I am using jquery.mobile-1.4.2.js file. Here is the demo page. http://demos.jquerymobile.com/1.4.2/popup/ Steps to reproduce Open
how do you swipe to delete and get a data- value ?
Using the demo code as basis: http://demos.jquerymobile.com/1.4.2/swipe-list/#demo-page How can I get the value of the data-id and data-idURL? <li data-id="123456"> <a href="#demo-mail" data-idURL="123456"> <h3>Avery Walker</h3> <p class="topic"><strong>Re: Dinner Tonight</strong></p> <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p> <p class="ui-li-aside"><strong>4:48</strong>PM</p>
How to integrate Geolocation API/Google Maps plugin with Jquery Mobile
Hey there, first time poster.. I'm currently trying to develop a prototype using jQuery Mobile (a simple project not a finished product) for an assignment. The idea was a mobile website that would allow the user to locate their current position once they share their location and then display a forecast of the day for that current location using data from a weather website. I'm fine with coding the layout and design as it's more my field, but I'm just trying to wrap my head around using the Geolocation
View off elements different after switching between pages
Hi, i got a project where I'm unsing: jquery-mobile 1.31 with the mutilpage-template, so i got 6 pages in one html file. After loading the website the first time my popup-box with some radio-buttons looks like this: After switching to an other website, returning to the start site and opening the pop-up again, the popup looks like this: If i compare the html code for on radio-button element, some jquery code is missing First- all ok: <div id="Betriebsart" class="popupPanel ui-popup ui-body-a ui-overlay-shadow
LIST Split - How to utilise distinct button values
I have a MySQL query that brings back several rows of data from the table. I am trying to press the split view delete icon and have that value (database distinct value of 'id') transfer across to the popup dialog to confirm an action and then that in turn sends the id via POST to delete.php The current code I have put together I can only get the first row's id to work and I cannot figure out what is needed to pass to the popup and delete.php or should I say I don't know how to do it! Still pretty
can't hide and show div with javascript after using condition
my javascript code should show 1 div and hide others according to where i click. it is working perfectly on desktop. $(document).ready(function(){ $("#canada-map").click(function(){ $("#centrik").show(); $("#axance").hide(); }); }); I am making my website responsive, so I added a condition that checks window width: $(document).ready(function(){ $("#canada-map").click(function(){ if($(window).width()>480) { $("#centrik").show(); $("#axance").hide(); } else
Help using google maps api
Hi, I'm developping a mobile application, and I've got a problem displaying a map, even if it seems to be really easy. Here's my HTML page : <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% ; width:100%;} </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
dom manipulation during touchmove - possible?
Hi all, I have a small project that I'm working on to build a drawing tool, I'm using sketch.js but I'm running into a few issues. The basic premise of the app is to scribble onto one photo to reveal an image underneath. For this I'm using CSS masks - it only needs to work on Webkit so that's fine. You can view a demo I've knocked up here - http://www.code-mill.co.uk/clients/soraya_fatha/touch.html - if you draw on the image you will see that it 'reveals' the main image underneath. The issue I have
Dynamically Populated Select Control Doesn't Behave Properly Initially
In my very 1st jQM web site, I have two (2) select controls populated in bulk via ajax.responseText, using something like $( "#dir-select" ).html( ajax.responseText ). Works fine, except that the 1st item in the select box isn't displayed in the selection box at the top of the control and can't be chosen until something else has been explicitly chosen. In an option list of foo, bar, and drek, foo is in the drop down list, but the selection box is empty. Choosing foo is unresponsive, the drop-down
JQuery Mobile range slider not smooth on Android
Hi I am developing an app on ios and android using phonegap and jquery mobile. My range slider works perfect on iOS devices but it is very crappy on android devices. The handler is not following the finger when it is being moved suddenly far from the point of origin. it only applies the movement after the touch event or after 3 seconds of holding position. How to fix this? has anybody experienced this already? Thank you guys.
Help! How to change buttons sizes!
I would like to know how to change button sizes in jquerymobile. Do i have to use another css file too? All my buttons are super long and i want to make them smaller.
Need Help With jQuery Mobile Popup
Hi guys, I'm trying to get popups working on my website and what I did was going to jQuery Mobile Custom Download and I chose only the Popup Option and downloaded the custom build and setup everything but the popups don't works. To test if I did the setup right and the popup link right, I change the script src from the custom to the complete jquery.mobile-1.4.2.js and the popup works but it mess up my website template. I just need the popup function only. Please let me know if is something I can
Pages doesnt work.
Why doesnt my pages work. I am placed all the links correctly but when i press about and settings in my panel it doesnt work. Here is my code: <!DOCTYPE html> <html> <head> <title>Simple Calculator</title> <link rel="stylesheet" href="css/index.css"/> <link rel="stylesheet" href="jquery/css/jquery.mobile-1.4.2.min.css" type="text/css"/> <script src="jquery/jquery-1.11.0.min.js" type ="text/javascript" charset="utf-8"></script> <script src="jquery/jquery.mobile-1.4.2.min.js" type="text/javascript"
ui-btn-active class gets removed if data-transition="none" attribute is set.
I am using a persistent fixed external navbar/footer in jqm 1.4. The ui-btn-active class gets applied and stays (as it should) on transition if data-transition attribute is not set or set to 'fade', 'slide' etc. However if I set it to 'none' the ui-btn-active class gets removed from the active page after page change. How can I use data-transition="none" and ensure that the ui-btn-active class remains?
Data-Role Content, Scrolling To The Top Of A Div Inside It.
I am completely flummoxed on how to scroll to the top of an internal <div>. I have created a fiddle here that I hope tries to explain what I aiming to do. The red bordered box holds the content as I wish to maintain state between some pages rather than have it revert to the top before transition. On the large part this is fine but there are a couple of pages that I wish to have the content in its original state starting with the first paragraph. In a browser I can use $('#trial_one.internalDiv').scrollTop(0);
Themeroller download not working?
I am trying to use Themeroller for the first time and can not get the download function to work. When I click the [Download Zip] button nothing happens. I'm using a Windows 7 PC running the latest version of Chrome and Firefox and get the same result in both browsers. There is no error and the browser doesn't appear to be doing anything. Here is the test theme I created: http://themeroller.jquerymobile.com/?ver=1.4.2&style_id=20140430-97 Any guidance or advice would be appreciated.
UX: JQM Header renders incorrectly for several seconds when page is loading.
JQM V1.4.2 Browser: Chrome, Firefox. Platforms: Android V4.x. The browser window paints the jqm header very weird when the page is loading (see video). The content spans several lines in the browser. After a few seconds (10 seconds on a smartphone, which is rather long) the jqm header is displayed correctly once all CSS/JS is loaded and executed. Screencast: https://dl.dropboxusercontent.com/u/5629939/temp/20140430-jquery-mobile-header-startup-gui.mp4 The video was made on a desktop, on a smartphone
Page scrolling to top of page before transition?
Using JQuery Mobile, is there anyway to stop the page scrolling to the top before a slide transition? I am using JQuery 1.11.0 and JQM 1.4.2. PS, Is this just a perculiarity when viewing on the desktop and fine on the device?
Issue with Jquery Mobile Buttons on Chrome Mobile Browser.
Hi There. I'm brand new to jQuery and I have been going through a series of tutorials to learn the basics of jQuery Mobile. As I was writing some of the sample code I noticed that on my mobile version of Google Chrome (Ver. 33.0.1750.170) Im not able to navigate to anchors on the same page. This behavior works fine in all versions (IE9, Chrome, and Firefox) for the desktop. Below is a sample of the code that I was working with. (Please spare the critique about why i shouldn't reference links like
Subheading css class override behaviour changed in 1.4.2?
I am trying to upgrade from Jquery Mobile 1.2.0 to 1.4.2 and have struck an annoying issue with CSS styling of headings. Sub headings <h3> etc that I have styled with a specific CSS style are no longer displaying with that style. e.g. the below code used to apply the subtitle CSS class and now reverts to Jquery Mobile standard. <h3 class="subtitle"><a href="civilrights.php" data-role="none">The Philosophies and Strategies of the Non-Violence and Black Power Movements</a></h3> CSS snippet .subtitle
Issues With Back Navigation
I am developing a small app using jQuery Mobile. I have been facing an issue for past 3 days and i am not able to track what is wrong in my html or javascript. I have a multi-page html which is loaded first and when i go to some page(like B.html external link ) from (i.e A.html) it works fine and i have one more C.html which opens from B.html on some buttons click. Problems start here when I press back button, when back is pressed C.html markup got appended into B.html and if I further press
Pop up position always reposition to "window" when resize the window
Hello, I use the popup widget of jqm1.4.2, set data-position-to="#position-header", but when open the popup div then resize the browser window, the div is reposition to the center of window position not the original one. I check the code of the jqm1.4.2 there is something as follows: _resizeTimeout: function() { if ( this._isOpen ) { ........ this.reposition( { positionTo: "window" } ); this._ignoreResizeEvents(); } this._resizeScreen(); this._resizeData = null; this._orientationchangeInProgress
Problem display on Samsung S4
Hello community. I am using jQueryMobile 1.4.2. When I view it in the browser and some devices, it appears great. But when I see my app on a Samsung S4, all items are very small. It has to do with: <meta name = "viewport" content = "user-scalable = no, initial-scale = 1, maximum-scale = 1, minimum-scale = 1, height = device-height, target-densitydpi = device-dpi "/> But do not know how to fix it. Someone already solved? Or to any idea for this issue I apologize for my English Thanks in advance. Regards
jQueryMobile-Phonegap : Footer alignment issue in Windows8 Landscape mode
I have been working on a jQueryMobile App wrapped in phonegap with fixed footer. In windows8 phones, while changing the orientation to landscape mode, the fixed footer is not aligned correctly in landscape mode only. The footer seems to have a bottom padding like behavior in landscape mode. In Portrait mode, it is aligned perfectly. I am using jquery.mobile-1.3.2, and Phonegap 2.7.0. I have been trying the fixes mentioned in the below URL's, but did not help: https://forum.jquery.com/topic/jquery-mobile-fixed-footer-not-at-the-bottom-on-windows-phone-7-and-8
IPAD 4 gen / IOS 7 fixed footer bug (1.4.2)
Hi, I was testing my webapp in one Ipad(4 gen ) and i have an unexpected behavior using a fixed toolbar in the footer, after hours looking for errors in my code I decided to look what happens with the demos of JQuery Mobile and i think i have found a bug http://demos.jquerymobile.com/1.4.2/toolbar-fixed/ As you can see the toolbar/footer is no longer fixed to the bottom, and this also happens when the content of the page does not fill the entire page, in that case safari places a grey bar, but this
Over ride ui-content css
Hi there, I am having some real trouble with overriding the style for ui-content class. I have checked out other posts on the forums and i can't figure out what I am doing wrong. I have tried: 1) Overriding the styles with my own custom stylehseet (even using !important) 2) styles inside the head tags of the page 3) inline styles within the element itself 4) Editing the Jquery mobile framework css files And still nothing can get rid of the padding that I am experiencing on my page. This is doing
Reverse transitions scroll position.
Hi, is it possible with JQM that when using the back button or transitioning to the previous page it doesn't remember where you have scrolled from on the previous page but instead displays from the top of that page as if it was originally transitioned to. Thanks in advance. *Pages are internal.
ajax.googleapis - missing ajax-loader.gif ?
Was just wondering is it me or the ajax-loader.gif is missing from ajax.googleapis libs ? Works fine - http://code.jquery.com/mobile/1.4.2/images/ajax-loader.gif Missing ?: http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/images/ajax-loader.gif
problem selecting values of clicked/touched list radio options
All, iam using jquery mobile to create questionare - survey kind of i want to return values of clicked/touched options how do i do this? the radio ol are generated in a loop like a question with multiple choices thanks in advance for any help, regards
What's wrong with my custom label for this Flip Toggle ?
Hello, I made a flip toggle on my site. One of the two labels are displayed like it should, but the other one is not correct. I followed the code from the official Jquery Mobile site ( Link part "Basic checkbox switch with custom labels and custom size") You can find my code on jsfiddle: http://jsfiddle.net/Argon007/gr3Ba/ Anyone knows what's wrong? Thanks !
data-filter not working on phones
Hi All, I tried to run a sample code for filter widget/data-filter="true" from jquery mobile version 1.4.2 site example like this but it's not filtering the text on phones (although the code is working on W3Cschools "Try it Yourself"). If it's a known problem please help!! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Single page template</title> <link rel="stylesheet" href="js/jQM-flat/jquery.mobile.flatui.css">
List view gets distorted when scrolling fast
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have a page which has list view. Following is the code: <ul class="someUL" data-role="listview" data-inset="true" data-filter="true"> <li><img src="../../images/abc.png><h2>Some Name</h2><p>Some Description</p><p>Generated On: 01-02-2013</p><p>Valid Till: 01-02-2014</p></li> </ul> Code to append <li> to <ul> is written in jquery in a loop in pagebeforecreate event. At max 100 <li> can be added. Now when Page is displayed and
Jquery Mobile 1.4.2 swipe demo in Chrome with mobile device
My question concerns the swipe event on a mobile device (I'm using a Nexus 7) with Chrome. I am working off the Jquery Mobile 1.4.2 demo which can be found here: http://demos.jquerymobile.com/1.4.2/swipe-page/ The sample javascript is copied verbatim from the demo, I would copy it here but its a little long. The code doesn't seem to be the issue, this is a browser question. I can get everything to work, both on my laptop (using Chrome) and on my tablet (using Firefox), but the swipe works maybe
Loader widget's loading message not displayed in JQM1.4.2
I want to programmatically transition from a page to a second page when clicking a button, and I want a loading message to be displayed from the moment the 'transition' event triggers until some time-demanding tasks have been completed (this is why I'm interested in displaying a loading message). These tasks aren't AJAX-related calls. The problem is that the loading message isn't appearing on the page when it is requested to appear once the 'transition' event triggers, and neither it is when requested
Change Height of Horizontal Radio Button Group
Hi I would like to change the height of a horizontal radio button group. I have tried change style of fieldset and each input and changing css. Is it possible to change the height? <style> #popMaintDist { height: 10px ! important; } </style> </head> <body> <div data-role="page" id="page"> <div data-role="content" id="content" style="width: 100%; margin-left: 0px; margin-top: 0px; padding-top: 0px; padding-left: 0px;"> <table style="width: 100%;"> <tr> <td> <label for="popMaintDist">District:</label>
Problem initializing jquery mobile buttons
Hi, I am developing a simple JQuery Mobile app, using JQuery Mobile 1.4.2 and JQuery 1.10.2. As part of the initialization process, a method is called in the app's namespace which binds some event listeners and also disables a few of the buttons on the app's index.html page. I am having difficulty performing the disables: * If I use the "disabled" HTML attribute instead of the API, the buttons are disabled, but I cannot subsequently enable them via the JQuery Mobile API ( $('button-id').('enable')
changing page and json data injection
Hi, I'm starting playing with JQM with some list-details structure. I have an home page, which opens clicking a navbar iteam a list of catalogues, and for each catalogue clicked I show a list of CDs. I'm using a single page model, with multiple html files. my goal is to collect some database data on a remote server with php and json and insert the data on the page before showing it, to have a fluid transition. so I intercept the pagebeforechange event, I call preventDefault to avoid the automatic
Similar plugin like scrollspy?
Dear forum members, I need some functionality like scrollspy, which determines whether an element is visible on the screen, for jQuery Mobile. Any hints? Or can I somehow get the jQuery plugin to work? Many thanks in advance, Oliver
Next Page