jQuery Forum

How to disable the Dropdown?
[1Reply]
- 20-Mar-2013 04:41 AM
- Forum: jQuery Mobile
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the dropdown dynamically
how to do that?I am doing like this
$('#assignedToDropDown').attr('disabled', true);
Using this it will become disable but it will look like active element means disable element css is not getting applied on this.

Disable button dynamically
[1Reply]
- 12-Mar-2013 05:47 AM
- Forum: jQuery Mobile
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the button on pageshow event.I am doing like this $('#clearButton').attr('disabled', "") and button is
<input type='button' data-role="button" data-inline="true" id="clearButton" value="Clear" onclick='resetLogin();'/>

Its disabling the buttons onclick event but the style of button remains as it is.

How to write value in text box
[8Replies]
- 07-Mar-2013 11:58 PM
- Forum: jQuery Mobile
Hi,
I am using JqueryMobile-1.3.0 and Cordova-2.1.0 for IOS app.If soap fault occurs on page then I am redirecting user to the login page using pageChange event like this
$.mobile.changePage('../login.htm?date'+dateTime, {transition: "slide",reverse: true, reloadPage :true});
and I am showing soap fault error message on login page by showing div which has error message like
document.getElementById("exDiv").style.display = 'block';and but I also want to display username in username input textbox,I am doing like this
document.getElementById("testUser").value = '1117'; but both are not working,how to do that?
I am testing it on iPhone 6.0 simulator.please help me.
this is my login.html
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="format-detection" content="telephone=no" />

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<title>Login</title>

<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />

<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>

</head>
<body>

<div data-role="page" id="login">
<link rel="stylesheet" href="css/my.css" />

<script src="js/globVar.js"></script>

<script src="js/dbStore.js"></script>

<script src="js/login.js"></script>

<div id="headDiv" data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false"><h3>My Header</h3></div>

<div class="errorMsgDiv" name="exDiv"><br/><b>Session Timed Out! Please Login Again!</b></div>

<div data-role="content">



<form>

<div style="display:none" id="light" class="white_content">

<div id="msgDiv"><b>Invalid Username</b></div>

<div id="btnDiv"><input type="button" data-role="button" data-inline="true" value=" Ok " id="okButton"/></div>

</div>

<div id="fade" class="black_overlay"></div>

<label for="userName"><b>Username</b></label>

<input type="number" id="testUser" placeholder="1234" onfocus="$.mobile.silentScroll(0);"/>

<label for="password"><b>Password</b></label>

<input type="password" id="passwordTextBox" placeholder="Password" onfocus="$.mobile.silentScroll(0);"/>

<div align="center">

<input type="button" data-role="button" data-inline="true" id="submitButton" value="Submit" onclick="ValidateUser();"/>

<input type="button" data-role="button" data-inline="true" id="clearButton" value=" Clear " onclick="resetLogin();"/>

</div>

</form>

</div>

</div>

<script src="js/jquery-1.8.2.min.js"></script>

<script src="js/jquery.mobile-1.3.0.min.js"></script>

</body>

</html>
this is login.js

$("#login").die();

$("#login").live('pageshow',function() {

document.getElementById("testUser").value = "1117";

document.getElementById("exDiv").style.display = 'block';

});

$('#login').live('pagehide', function () {

$(this).remove();

});

function ValidateUser() {

$.mobile.silentScroll(0);

var userName = document.getElementById("testUser").value.trim();

var pswd = document.getElementById("passwordTextBox").value;

setTimeout(function() {

$('#submitButton').parent().removeClass("ui-btn-active");

},1000);

if(userName == ""){

$('#testUser').focus();

document.addEventListener("deviceready", ShowAlert('Please enter username'), true);
}else if(pswd == ""){

$('#passwordTextBox').focus();

document.addEventListener("deviceready", ShowAlert('Please enter password'), true);

}else if(userName !="" && pswd !=""){

var regNo = /[0-9]/;

var regChar = /[a-zA-Z]/;

var splChars = /[\!\@\?\$\^\*\#\&\-\_\+\=\.\%]/;

var ntAlwd = /[\/\:\;\'\,\"\|\~\`\{\}\[\]\<\>\\]/

if(pswd.length < 8 || (!regNo.test(pswd)) || (!regChar.test(pswd)) || (!splChars.test(pswd)) ||(ntAlwd.test(pswd))){

document.getElementById("passwordTextBox").value= "";

$('#passwordTextBox').focus();

document.addEventListener("deviceready", ShowAlert('Invalid Password'), true);

}else{

AuthenticateUser(userName, pswd);

}

}

}

function resetLogin(){

document.getElementById("testUser").value = "";

document.getElementById("passwordTextBox").value= "";

$('#clearButton').parent().removeClass('ui-btn-active');

}

here the pageshow event is getting fired only when a soap fault occurs on some page and the user is redirected to the login page using pagechange event.pageshow event will not occurring when the app start as a fresh.

How to remove the active class of button on iOS
[6Replies]
- 06-Mar-2013 12:26 AM
- Forum: jQuery Mobile
Hi,
I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app. When I click on button then its color gets changed,but I want to make it normal after the onclick event get completed,I tried using
$('#clearButton').removeClass('ui-btn-active'); but its not working.

Unnecessary scrolling of page on iOS
[1Reply]
- 04-Mar-2013 06:33 AM
- Forum: jQuery Mobile
Hi,
I am Using cordova-2.1.0 ,jqueryMobile-1.3.0 for iOS app.Some of the pages in my app has very small content still that pages scrolls.I am testing it on iOS6.How to stop scrolling of the pages having small content.I dont want to use the preventDefault.

datebox issue with jqueryMobile-1.3.0
[2Replies]
- 04-Mar-2013 12:54 AM
- Forum: jQuery Mobile
Hi,
I am using jqm-datebox.core.min.js,jqm-datebox.mode.calbox.min.js,jqm-datebox.min.css to select the date.If I use the jqueryMobile-1.2.0 then it will work fine but if i changed to jqueryMobile-1.3.0 then just datebox popup will appear and after selecting date popup will not get closed.I am testing it on ios6 with phonegap framework

Fixed Header on iOS
[0Replies]
- 27-Feb-2013 07:56 AM
- Forum: jQuery Mobile
I am using jqueryMobile-1.2.0 and cordova-2.1.0 for ios app.I have a fixed header but when the keyboard appears then that fixed header is not visible after hiding the keyboard
header will become visible again.I want to make Header visible all the time whether the keyboard is visible or invisible.I am using ios6 for testing it.

Flikering issue on iphone and iPod
[5Replies]
- 26-Feb-2013 05:22 AM
- Forum: jQuery Mobile
I am using jquery mobile-1.2.0 and cordova-2.1.0 for IOS app.Everything is working fine except when I scroll the page and click back button then page flickers i.e.header will change position and then back page appears,but if I click back button without scrolling page everything will work fine.This happen with iPhone and iPod only not with the iphone simulator.

Response title

Attachments

jQuery Forum

Activity Trend