سئو فاکس 27 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 (ویرایش شده) با سلام بنده یک فرمی ورود و عضویتی رو درست کردم که به صورت پیش فرض خاصیت display:none داره، نحوه کارکردشم جوریه که وقتی روی یه دکمه کلیک میکنی فرم toggle میشه و تمامی صفحه به جزء اون فرم opacity میگیره که فرم بهتر دیده بشه.اینم کدش:$(document).ready(function() {$(".login-btn").click(function() {$(".login-panel").fadeToggle(400);$(".all-page").animate({opacity: '0.1' ,}, 400);});});حالا اینجا 2 تا مشکل وجود داره!1 - مشکل اول اینه که فرم فقط با دکمه ی login-btn بسته میشه یعنی وقتی که فرم باز میشه اگر روی دیگر قسمت های سایت کلیک کنی فرم بسته نمیشه و فقط باید روی همون دکمه کلیک کنی تا فرم fadeout بشه که این مسئله باعث اذیت شدن کاربران میشه.2 - مشکل دوم هم اینه که وقتی که روی دکمه کلیک میشه و فرم باز میشه تمامی صفحه opacity میگیره اما وقتی دوباره فرم رو می بندی opacity به حالت اول بر نمی گرده! و همین جوری کل پیج کم رنگ میمونه.ممنون میشم اگه راهنماییم کنید ویرایش شده مرداد 94 توسط محمد رضایی نقل قول لینک به ارسال
فرحان 997 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 سلام. یه راه خیلی سادش اینه://soale dovom$(document).ready(function() {var clicktoggle = 0;$(".login-btn").click(function() {$(".login-panel").fadeToggle(400);if(clicktoggle){$(".all-page").animate({opacity: '1' ,}, 400);clicktoggle = 0;}else{$(".all-page").animate({opacity: '0.1' ,}, 400);clicktoggle = 1;}});$('body:not(.login-panel)').click(function(){if($('.login-panel').css('display') == 'block')$('.login-panel').css('display','none');});});راه های دیگه هم هست مثلا استفاده از متد toggle() توی جی کوئری 2 نقل قول لینک به ارسال
سئو فاکس 27 ارسال شده در مرداد 94 مالک گزارش بازنشر ارسال شده در مرداد 94 سلام. یه راه خیلی سادش اینه://soale dovom$(document).ready(function() {var clicktoggle = 0;$(".login-btn").click(function() {$(".login-panel").fadeToggle(400);if(clicktoggle){$(".all-page").animate({opacity: '1' ,}, 400);clicktoggle = 0;}else{$(".all-page").animate({opacity: '0.1' ,}, 400);clicktoggle = 1;}});$('body:not(.login-panel)').click(function(){if($('.login-panel').css('display') == 'block')$('.login-panel').css('display','none');});});راه های دیگه هم هست مثلا استفاده از متد toggle() توی جی کوئریبسیار ممنون این کد شما مشکل دوم رو حل کرد ولی اولی هنوز باقیه! نقل قول لینک به ارسال
فرحان 997 ارسال شده در مرداد 94 گزارش بازنشر ارسال شده در مرداد 94 اون کدی که نوشتم براتون تستش نکردم ولی فکر نمیکنم اشتباه باشه. اما میتونید به توضیحات موجود توی این لینک مراجعه کنید:http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-itموفق باشید. نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .