ورود / ثبت نام
0
0

نمایش loading Image در رویداد کلیک دکمه با استفاده از jQuery

238 بازدید
Loading Image

Loading Image

در این مقاله می خواهیم نشان دهیم که چگونه با استفاده از jQuery می توانیم در رویداد کلیک دکمه پیغام loading Image را نمایش دهیم. کد های کامل انجام این کار به همراه توصیحات برایتان در ادامه ی مطلب قرار داده شده است. با من همراه باشید …

loading Image

برای این کار کد های زیر را می نویسیم:

<script type="text/javascript">
$(function () {
$('#btnloading').click(function () {
$(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
})
})
</script>

اگر بخواهیم مثال را به طور کامل بررسی کنیم، کدهای ما به شکل زیر خواهند بود:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery show loading image on button click example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$('#btnloading').click(function () {
$(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
return false
})
$('#btnreset').click(function () {
$('#btnloading').html('Click to Set Loading Image')
})
})
</script>
</head>
<body>
<form id="form1">
<div>
<button id="btnloading" >Click to Set Loading Image</button>
<button id="btnreset" >Reset</button>
</div>
</form>
</body>
</html>

موفق باشید !

  • پسورد: www.mspsoft.com
آیا این مطلب را می پسندید؟
https://www.mspsoft.com/?p=17817
اشتراک گذاری:
واتساپتوییترفیسبوکپینترستلینکدین
داریوش فرخی
داریوش فرخی هستم از سال 92 شروع به یادگیری برنامه نویسی و از سال 93 در بخش برنامه نویسی و تولید محتوای سایت mspsoft.com مشغول هستم. فعالیتم نیز بیشتر در زمینه های برنامه نویسی با سی شارپ و asp.net بوده است. اوقات فراغتم را هم غالبا با تماشای فیلم یا بازی های کامپیوتری پر میکنم .
مطالب بیشتر
برچسب ها:

نظرات

0 نظر در مورد نمایش loading Image در رویداد کلیک دکمه با استفاده از jQuery

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هیچ دیدگاهی نوشته نشده است.