Desciption:
in this example we explain that how to display Loading image when user clicked on button using javascript or jquery in asp.net.we all show that types of behavior or functionality in many website like for when we do any banking transaction at that it will display loading image before done the transaction.
so that is very easy to display loading image or popup in our website to display user for wait sometime to done the process.
Code:-
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>how to display or show loading image or popup on button click event using jquery.</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$('#btnsubmit').click(function () {
$(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
return false
})
$('#btnreset').click(function () {
$('#btnsubmit').html('Click to Set Loading Image')
})
})
</script>
</head>
<body>
<form id="frmcustomer">
<div>
<button id="btnsubmit" >Click to Set Loading Image</button>
<button id="btnreset" >Reset</button>
</div>
</form>
</body>
</html>
<head>
<title>how to display or show loading image or popup on button click event using jquery.</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$('#btnsubmit').click(function () {
$(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
return false
})
$('#btnreset').click(function () {
$('#btnsubmit').html('Click to Set Loading Image')
})
})
</script>
</head>
<body>
<form id="frmcustomer">
<div>
<button id="btnsubmit" >Click to Set Loading Image</button>
<button id="btnreset" >Reset</button>
</div>
</form>
</body>
</html>
0 comments:
Post a Comment