This course teaches how to install and configure Windows Server 2012 R2. It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).
show submit button after delay with jquery mobile
I'm trying to delay the appearance of the submit button....
here is my code:
here is my code:
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=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>
</head>
<body>
<div data-role="page">
<div data-role="content">
<fieldset>
<form>
<input type="submit" data-theme="b" value="continue" id="submitButton" name="continue">
</form>
</fieldset>
</div>
</div>
<script>
$(document).ready(function(){
function hidesubmit(){
$("#submitButton").hide();
}
function showsubmit(){
$("#submitButton").show();
}
});
setTimeout(hidesubmit, 0);
setTimeout(showsubmit, 2000);
</script>
</body>
</html>
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Either put the setTimeout calls inside the document.ready() function or put the function definitions outside it. In this case, looking at the placement of the code, I think you can just use:
<script>
function hidesubmit(){
$("#submitButton").hide();
}
function showsubmit(){
$("#submitButton").show();
}
setTimeout(hidesubmit, 0);
setTimeout(showsubmit, 2000);
</script>
Can you be a bit more specific? I've put it in a jsFiddle and it works without a problem so maybe there is something else influencing your code or html page?
see: http://jsfiddle.net/robert_schutt/7wefn6wg/
see: http://jsfiddle.net/robert_schutt/7wefn6wg/
I've checked the jsFiddle and it is working. For some reason it is not working when I test my page. Here it is...
delay1.html
delay1.html
There is a <div> surrounding that button doing the styling. You could use the following code but it's kind of a 'hack' I'm afraid...
<script>
function hidesubmit(){
$("#submitButton").closest("div").hide();
}
function showsubmit(){
$("#submitButton").closest("div").show();
}
setTimeout(hidesubmit, 0);
setTimeout(showsubmit, 10000);
</script>
Premium Content
You need an Expert Office subscription to comment.Start Free Trial