Detecting if a radio button is disabled.
Can anyone help me please. I have a group of radio buttons that when another button is press I want to be able to detect if any of them are disabled. I have tried various ways but can't find the right solution. See - https://jsfiddle.net/a4poster/8n3ajyLm/9/ Thanks in advance, A4.
Pagecontainer change transition duration
Is there an option to change the duration of a transition? I am using pagecontainer.change to move to other pages, but I would like to slow down the transition. Thanks Pieter Some more information after some more research: in the css I have @media only screen and (max-width: 799px) { .slide.out, .slide.in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 950ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 950ms;
Como puedo hacer para mostar una imagen como icono?
saludos y bendiciones amigos del foro, les traigo una inquietud, como puedo hacer para insertar mi imagen que esta en rojo en mi instruccion echo que esta de color amarillo, espero que me puedan ayudar ya probe de todas formas pero nada, bueno gracias por su ayuda y tiempo, rudolf heiner. <div data-role="page" data-theme="a" id="page2"> <div data-role="header" id="hdrMain" name="hdrMain" data-nobackbtn="false" data-position="fixed"> <h1>Busqueda de Marcas</h1> </div>
How to trigger the option selected in select menu ?
Good morning ! I have a select menu, I would like to generate a different form depending on the value selected. I've tried to trigger the value selected doing: $("#select-Type").bind( "change", function(event, ui) { alert("Selected"); // for test }); This don't work, could someone tell me the best way to do it? Thanks
Problem with dinamic contect + url
After adding function swipe, website stopped update dinamic content + url. This is code need update content: var default_content="";
$(document).ready(function(){
checkURL();
$('ul li a').click(function (e){
checkURL(this.hash);
});
default_content = $('#pageContent').html();
setInterval("checkURL()",250);
});
var lasturl="";
function checkURL(hash)
{
if(!hash) hash=window.location.hash;
if(hash != lasturl)
{
Label checkbox icon vertical position
Hi, I would like to make standard ui-checkbox icon (ui-checkbox-off / ui-checkbox-on) inside label to be vertical align same as label text. Require this because currently if there are long label text, the icon would appear in vertical-middle. I am able to use CSS to make changes to ui-checkbox > input top:0px but the icon still remain in same. I have tried all possible method and inspected each code but still to no avail. Here is my JQM checkbox code. It is nothing fancy. You may need to resize your
ajax (done) is not done :)
Hi, below link is working fine when it's normal form post but when I try ajax-done-fail it doesn't work. http://www.mybluefile.com/m/x_pending_review_leaves.php expected result should be like this: when click on Jassim Rahma (Employee Name) it will open my pending leave so you can accept or decline. when accept or decline it should show (Please wait) waiting message and then redirect you to google. once accepted or declined the leave should be removed from the http://www.mybluefile.com/m/x_pending_review_leaves.php which
Dynamic page loads not working
I'm very new to jQuery Mobile and I'm trying to get my head around how dynamic page loading works. The documentation states: When the requested page loads, jQuery Mobile parses the document for an element with the data-role="page" However, when I look at the source-code for the current demo (http://demos.jquerymobile.com/1.4.5/) I can see that the menu panel on the left is a contained within the main page div, as are pretty-much all other DOM elements on the page. Ordinarily I would take this as
jquery mobile select-menu-custom-filter portuguese language
Hi, I am a novice and trying to get my head arround jquery.I am testing a jquery mobile filterable costum select in my project http://www.promocaototal.pt/cidades1.php it's all working fine but the issue is that the cities names are in Portuguese and when applying the filter it does not recognize the special charactes returning an empty search for names like Águeda when typing Agueda. Can anyone one point me in the right direction please? Thanks
jquery issue on data-role="popup" on ios9
We are facing this issue on iOS devices , since we updated ipad and iphone to ios 9 before iOS 9 it was OK. the popup appears and suddenly disappear. this appear on the mobile, not on computer browser. I have used the "data-history="false"" method, It doesn’t work. Here is my code: <div data-role="footer" data-theme="a" data-position="fixed" > <a href="#menu-items" data-rel="popup" data-transition="pop" data-theme="c" style="float:right; padding-right:1px;font-family:serif; font-style:italic"
change page issue
Hi I want to change a page in jQuery, so that i Can use the $.mobile.changePage("#url"), so its work perfect . for example ,currently I'm in page A now, so the page url is localhost/A, in A page I can use $.mobile.changePage("#B"), so page will be redirect to B page and the url is changed to localhost/A#B. and now I can refresh the page A page will be shown but url is localhost/A#B. so please help me.I want page was only be in B, when I refresh a page and I'm using multipage conpcept Thanking you,
White screen on transition whilst changing an image.
Hi, I am trying to change an image using this code prior to transition from a page: a3 = "red_x.png"; $('#red>div>span>img').attr('src', 'assets/images/app/' + a3 + '.png' ); But I get a white screen on transition: However if I use the code like this, it works fine, $('#red>div>span>img').attr('src', 'assets/images/app/red_x.png' ); Has anyone any suggestions as might may be causing this. Thanks,
Using DOM as an offline cache
Is it possible to use the DOM as a cache during periods of network outage? I tested this on the splash page (pageshow event) to load about 20 pages in a loop using: $(":mobile-pagecontainer").pagecontainer("load", url, { showLoadMsg: true }); After this, I can step through all pages in the same order as I loaded them using: $(":mobile-pagecontainer").pagecontainer("change", redirect.url, { transition: "slide", loadMsgDelay: 75 }); This is a questionnaire site, so stepping
Cloning a Div and changing the ID.
Hi, how do you clone a div and at the same time change its ID? I have created a fiddle to try and show what I am looking to do. https://jsfiddle.net/a4poster/zo6wyehg/4/ Thanks in advance.
Upgrading Jquery Mobile 1.2.0 to 1.4.5
Hi Friends, I am upgrading my jquery mobile project from 1.2.0 to 1.4.5, but few css classes used in 1.2.0 are not working in 1.4.5. and our own custom css classes are also not applying. Eg: ui-icon-arrow-l . Back arrow is not displaying.(This was available in 1.2.0) Below is the order in which our css files are added to page after upgrading to 1.4.5 csscollection.Add("Content/jquery.mobile.theme.support.1.2.0.css"); csscollection.Add("Content/mobile.css"); csscollection.Add("Content/admin.css");
$.Mobile.chanePage showing white screen in iphone 6 ( IOS 9)
I am using Jquery mobile 1.2. when executing the below code, white screen is appearing on the screen. Particularly in large screen. If i apply the property transition : "none", it is working fine. But i don't want to loose the transition. Can someone please help on this. function _ReturnToHome() { $.mobile.changePage("#Home", { reverse: "true" }); if(_isIOSSafari()) { setTimeout(function() { _setCompletionStatus(); }, 500); } else _setCompletionStatus();
Refresh Radio-Buttons
Hi, im new with jquery and have a problem with radio buttons: <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="1"> <label for="radio-choice-h-2a">Button1</label> <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="2"> <label for="radio-choice-h-2b">Button2</label> <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2c" value="3" > <label for="radio-choice-h-2c">Button3</label> Im loading the informations, if
After pressing the button will display the confirm page again and again,how to fix it?
<!DOCTYPE html> <html> <head> <title>jQM</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://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>
jQuery mobile navbar items not clickable on page loaded through $( ":mobile-pagecontainer" ).pagecontainer()
I have created a simple index.html file in which there is only one button. On clicking the button $( ":mobile-pagecontainer" ).pagecontainer("change", "page2.html"); is called to navigate to page2. After moving to page2, a navbar is present within it but the navbar items are not clickable. Below are the codes: index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="jqm/jquery.mobile-min.css"> <title>Blank App Designer
What's the best way to transmit a variable from one page to another?
Hello, Could someone tell me the best way to transmit one variable from one page to another? can we do it by: $.mobile.changePage($("#P_Aliments"), {data: "id", value: "value"}); or by href="#link?id='value'" or ... and how can I retrieve this value the other side? Thans for your help
Uncaught Error: cannot call methods on page prior to initialization;
I'm getting this error in the console: Uncaught Error: cannot call methods on page prior to initialization; attempted to call method 'bindRemove' It happens when I try to activate a panel widget. here is the markup (it has <?php ?> becouse it's part of a wordpress theme I'm working on) <!-- /panel --> <div data-role="panel" id="menu-panel"> <?php wp_nav_menu ($args); ?> </div> <!-- /panel open btn --> <header data-role="header"> <a href="menu-panel">open</a> </header>the page is http://ugauga.com/
$.mobile.navigate(...) vs (":mobile-pagecontainer").pagecontainer("change", ...)
Hello. I've noticed there are 2 jqm-friendly ways to change between pages, what is the difference between them and which one should I use?
success or done for JQuery Mobile Ajax
Hi, I want to ask what do you prefer to use when you send ajax form in JQuery Mobile? (success-error) or (done-fail)? Thanks, Jassim
Dialogs working fine on desktop but flashing and disappears on mobile.
Hello, Could someone tell me why dialogs don't wait for action on mobile? All are working fine on desktop, but when I test on mobile I remarks stranger behaviours. when I click on link to show the dialog: The dialog appear for some ms an disappear. if I click a second time, sometime the dialog work fine or not ??? Thanks for advices
Cookies or Sessions for JQuery Mobile?
Hi, I would like to ask, would you recommend to use PHP sessions or Cookies when storing non critical data in a website using Jquery Mobile? Thanks, Jassim
why <select> is refreshing my page?
Hi, In this page: http://www.mybluefile.com/m/attendance when you select the year everything is ok but when you select the month it will immediately refresh the page and I don't get any error in the console. How can I fix this please? Thanks, Jassim
How to retrieve the id of the <li> clicked to generate a popup
Hello,I've a list composed like this: <div data-role= collapsibleset id='CollAlim'> <div data-role = collapsible> <h3>collapsible header</h3> <ul data-role='listview' id='listAl'> <li><a href='#' detailId='101'></a></li> <li><a href='#' detailId='102'></a></li> <li><a href='#' detailId='103'></a></li> <li><a href='#' detailId='104'></a></li> <li><a href='#' detailId='105'></a></li> <li><a href='#' detailId='106'></a></li> </ul> </div> <div data-role = collapsible> <h3>collapsible header2</h3> <ul
Media query is not getting applied on footer background image
2. I am applying media queries for a background image in the footer for retina and ipad air2 and ipad2 but it is not getting applied properly.....this is the code i am applying... @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { .div_footer { background:url(../img/footer_portrait.png) no-repeat ; background-size:100%; } } /*Retina iPad-- Landscape */ @media
Checkbox not working till I refresh
Hi, <label><input type="checkbox" id="chkAccept" name="chkAccept">I have reviewed this leave application</label> and below jquery. I am trying to show / hide buttons when checkbox is checked on unchecked but it's working from the first time I load the page. I have to refresh to get it working. $(document).on("pagecreate", "#pagePendingReviewLeaveDetails", function(event) { $.validator.messages.required = ""; $('#chkAccept').click(function () { $("#btnAccept").toggle(this.checked); $("#btnDecline").toggle(this.checked);
How to hide keyboard when click on other control in cordova/phonegap app on android phone 5.0+ ?
I am working on cordova/phonegap hybrid android app. We are using to cordova-3.0.0, jqm-1.3, and android-4.2.0. My problem is that, when the user shift focus after typing in the text box, the keyboard does not gets hide. This problem is getting raised in android Phone 5.0.0 +, but not below 5.0.0. Could anyone please help?
Footer moving from its position
1. On clicking the username or password fields for entering username and password, the footer is moving from its position....is there any solution for this?
Custom action when dialog close
Hi, I have this dialog: <div id="dialogAlert" data-role="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 400px;"> <div id="divTitle" data-role="header"><h1 id="headerTitle"><label id="msgHeader" style="font-size: large; font-weight: bold;" /></h1></div> <div role="main" class="ui-content"> <p id="msgAlert"></p> <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Close</a> </div> </div> when error I am using:
Collapsible set filled with sqlite db datas not showed as collapsible
Hello,I'm newbie in jquery mobile. I try to build an application for mobile using (html5, cordova, jquery mobile and sqlite db) All is working fine, except the layout of the page after populated with the datas retrieved. The collapsible set is not build as it should. It just appears without any format. (sorry for my English) the html code is: <div data-role='page' id='P_Aliments' data-theme="o"> <div data-role='header' data-theme="o" > <a href="#home" class="ui-btn ui-icon-home ui-btn-icon-notext
listwiev problem
hi, i create something i have problem when i create listwiev,this white points left how to remove it ?here is the picture
data.match is not a function
Hi, I am using data.match which is working with my ajax (success) but now I am getting data.match is not a function when I started using ajax (done) How can I fix please? Thanks Jassim
2:1 Grid system?!
I want to know if I can place block with 2:1 in grid? It seems jqm has only 1:1 grid system; they are all same width.
pagecontainer - allowSamePageTransition is not removing existing page.
JQuery Mobile 1.4.4 - Trying to get my pages to load properly. I've noticed that when trying to reload the same page I get two pages with the same ID in the DOM. Does anyone have a work around for this? $("body").pagecontainer('change', reload_url, {allowSamePageTransition: true, changeHash: false, showLoadMsg: true, reloadPage: true} );
jQuery 2.2.0 breaks jQM selectmenu with data-native-menu="false"
For information The current 2.2.0 breaks jQuery Mobile selectMenu with data-native-menu="false". see http://plnkr.co/edit/dant044hERO4zpEJgB8S 2.1.4 does work.
Problem Validating Fields
Hi, at http://www.mybluefile.com/m I have a problem validating fields. The page has user ID and password. Both needs to be entered otherwise it should show error dialog. When I leave both blank it works. When I leave the password blank it works. But when I enter the password and leave the user ID blank it will show the Please wait loading in addition to the error dialog where it should juts show the error dialog. Why is that? and how to fix please? Thanks, Jassim
Launch image is not working in iPhone 6
Hi All, I am developing a hybrid iOS application using jQuery mobile, in this application i have kept 10 splash images in Resource folder as given in Cordova documentation. This application is displaying splash screen in iPhone 6+, but not working for iPhone 6. Please help me as soon as possible.
Next Page