PDA

View Full Version : سوال: مخفی کردن div در مدت زمان مشخصی


abolfazlahmadi
شنبه 02 دی 1396, 10:48 صبح
چه چور میتونم 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">&times;</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">&times;</span></button><i class="icon-close"></i><strong>خطا!</strong> <span id="sp_danger" runat="server"></span>
</div>
</div>
</div>
</div>
Tekyegah
شنبه 02 دی 1396, 17:40 عصر
سلام
این سوال رو باید توی بخش javascript یا jquery بپرسید ...
اما به هر حال :


function divhide() {
$("#Div_bell").hide("slow");
clearInterval(myVar);
}
$(document).ready(function () {
var myVar = setTimeout(function () { divhide(); }, 5000);
});
abolfazlahmadi
شنبه 02 دی 1396, 19:16 عصر
ممنونم از اینکه پاسخ دادید اما این کد کار نمیکنه در واقع div مورد بسته نمیشه
Tekyegah
یک شنبه 03 دی 1396, 08:42 صبح
شما باید ابتدا کتابخانه jquery رو load کنید . بعد در آخر صفحه بعد از کد توی یه تگ این کد رو بنویسید
abolfazlahmadi
یک شنبه 03 دی 1396, 09:39 صبح
من کتابخانش رو نصب کردم
147313
حالا چه چور لودش کنم
Tekyegah
یک شنبه 03 دی 1396, 18:16 عصر
کد :


<!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">&times;</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">&times;</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>
mortezagt
شنبه 09 دی 1396, 04:00 صبح
ممنونم از اینکه پاسخ دادید اما این کد کار نمیکنه در واقع div مورد بسته نمیشه

چونکه شما اون div رو runat=server کردی واسه همین بعد از اجرا ممکنه اسمش تغییر کنه البته گمون میکنم شما از مسترپیج استفاده کردی

شما از توی مرورگر ایدی اون div رو یه بار بررسی کن ببین همون ایدیه یا اول اسمش چیزی اذافه شده.

معمولا ایدی اون div باید شده باشه placeBody_Div_bell یا main_Div_bell
abolfazlahmadi
شنبه 16 دی 1396, 09:31 صبح
چونکه شما اون div رو runat=server کردی واسه همین بعد از اجرا ممکنه اسمش تغییر کنه البته گمون میکنم شما از مسترپیج استفاده کردی

شما از توی مرورگر ایدی اون div رو یه بار بررسی کن ببین همون ایدیه یا اول اسمش چیزی اذافه شده.

معمولا ایدی اون div باید شده باشه placeBody_Div_bell یا main_Div_bell


از نظر ایدی حق باشما بود ولی مشکل دیگری که وجود داره اینکه که وقتی در UpdatePanel میزارم فقط یک بار اجرا میشه جیکارش کنم که همیشه اجرا بشه؟
mortezagt
شنبه 16 دی 1396, 14:15 عصر
UpdatePanel کلا با جی کوئری و جاوا مشکل داره
پیشنهاد میکنم راه دیگه ای پیدا کنی
اصلا UpdatePanel رو برای چی داری استفاده میکنی؟
خود UpdatePanel خیلی سایت رو سنگین میکنه
abolfazlahmadi
یک شنبه 17 دی 1396, 09:54 صبح
UpdatePanel کلا با جی کوئری و جاوا مشکل داره
پیشنهاد میکنم راه دیگه ای پیدا کنی
اصلا UpdatePanel رو برای چی داری استفاده میکنی؟
خود UpdatePanel خیلی سایت رو سنگین میکنه

UpdatePanel که استفاده میکنم برای اینکه فقط قسمتی از دادها رفرش بشه
شما چه پیشنهادی میکنید؟
راه حل شما چیه؟
Tekyegah
یک شنبه 17 دی 1396, 18:41 عصر
Jquery !!!
mortezagt
یک شنبه 17 دی 1396, 22:45 عصر
یه روشی هست که دقیقا یادم نیست ولی طوری بود که وقتی آپدیتی انجام میشد، میتونستی یه فانشن جاوا رو بعدش فراخوانی کنی. این فانشن میتونه همونی باشه که تایمر داخلش گذاشتی