مخفی کردن div در مدت زمان مشخصی
چه چور میتونم div زیر که ایدی Div_bellداره رو بعد از 5 ثانیه به صورت خودکار مخفی بشه
<div class="portlet-body col-md-12" id="Div_bell" runat="server" visible="false">
<div>
<div class="form-group curve" id="bellsuccess" runat="server" visible="false">
<div class="alert alert-success fill fade in">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<i class="icon-check"></i><strong>تایید شد</strong> <span id="Sp_success" runat="server"></span>
</div>
</div>
<div class="form-group curve" id="belldanger" runat="server" visible="false">
<div class="alert alert-danger fill fade in">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button><i class="icon-close"></i><strong>خطا!</strong> <span id="sp_danger" runat="server"></span>
</div>
</div>
</div>
</div>
نقل قول: مخفی کردن div در مدت زمان مشخصی
سلام
این سوال رو باید توی بخش javascript یا jquery بپرسید ...
اما به هر حال :
function divhide() {
$("#Div_bell").hide("slow");
clearInterval(myVar);
}
$(document).ready(function () {
var myVar = setTimeout(function () { divhide(); }, 5000);
});
نقل قول: مخفی کردن div در مدت زمان مشخصی
ممنونم از اینکه پاسخ دادید اما این کد کار نمیکنه در واقع div مورد بسته نمیشه
نقل قول: مخفی کردن div در مدت زمان مشخصی
شما باید ابتدا کتابخانه jquery رو load کنید . بعد در آخر صفحه بعد از کد توی یه تگ این کد رو بنویسید
1 ضمیمه
نقل قول: مخفی کردن div در مدت زمان مشخصی
من کتابخانش رو نصب کردم
ضمیمه 147313
حالا چه چور لودش کنم
نقل قول: مخفی کردن div در مدت زمان مشخصی
کد :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="portlet-body col-md-12" id="Div_bell" visible="false">
<div>
<div class="form-group curve" id="bellsuccess" visible="false">
<div class="alert alert-success fill fade in">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<i class="icon-check"></i><strong>تایید شد</strong> <span id="Sp_success" ></span>
</div>
</div>
<div class="form-group curve" id="belldanger" visible="false">
<div class="alert alert-danger fill fade in">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button><i class="icon-close"></i><strong>خطا!</strong> <span id="sp_danger" ></span>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
function divhide() {
$("#Div_bell").hide("slow");
clearInterval(myVar);
}
$(document).ready(function () {
var myVar = setTimeout(function () { divhide(); }, 5000);
});
</script>
نقل قول: مخفی کردن div در مدت زمان مشخصی
نقل قول:
نوشته شده توسط
abolfazlahmadi
ممنونم از اینکه پاسخ دادید اما این کد کار نمیکنه در واقع div مورد بسته نمیشه
چونکه شما اون div رو runat=server کردی واسه همین بعد از اجرا ممکنه اسمش تغییر کنه البته گمون میکنم شما از مسترپیج استفاده کردی
شما از توی مرورگر ایدی اون div رو یه بار بررسی کن ببین همون ایدیه یا اول اسمش چیزی اذافه شده.
معمولا ایدی اون div باید شده باشه placeBody_Div_bell یا main_Div_bell
نقل قول: مخفی کردن div در مدت زمان مشخصی
نقل قول:
نوشته شده توسط
mortezagt
چونکه شما اون div رو runat=server کردی واسه همین بعد از اجرا ممکنه اسمش تغییر کنه البته گمون میکنم شما از مسترپیج استفاده کردی
شما از توی مرورگر ایدی اون div رو یه بار بررسی کن ببین همون ایدیه یا اول اسمش چیزی اذافه شده.
معمولا ایدی اون div باید شده باشه placeBody_Div_bell یا main_Div_bell
از نظر ایدی حق باشما بود ولی مشکل دیگری که وجود داره اینکه که وقتی در UpdatePanel میزارم فقط یک بار اجرا میشه جیکارش کنم که همیشه اجرا بشه؟
نقل قول: مخفی کردن div در مدت زمان مشخصی
UpdatePanel کلا با جی کوئری و جاوا مشکل داره
پیشنهاد میکنم راه دیگه ای پیدا کنی
اصلا UpdatePanel رو برای چی داری استفاده میکنی؟
خود UpdatePanel خیلی سایت رو سنگین میکنه
نقل قول: مخفی کردن div در مدت زمان مشخصی
نقل قول:
نوشته شده توسط
mortezagt
UpdatePanel کلا با جی کوئری و جاوا مشکل داره
پیشنهاد میکنم راه دیگه ای پیدا کنی
اصلا UpdatePanel رو برای چی داری استفاده میکنی؟
خود UpdatePanel خیلی سایت رو سنگین میکنه
UpdatePanel که استفاده میکنم برای اینکه فقط قسمتی از دادها رفرش بشه
شما چه پیشنهادی میکنید؟
راه حل شما چیه؟
نقل قول: مخفی کردن div در مدت زمان مشخصی
نقل قول: مخفی کردن div در مدت زمان مشخصی
یه روشی هست که دقیقا یادم نیست ولی طوری بود که وقتی آپدیتی انجام میشد، میتونستی یه فانشن جاوا رو بعدش فراخوانی کنی. این فانشن میتونه همونی باشه که تایمر داخلش گذاشتی
