راکت
حل شده

ساخت دکمه ای که وقتی روش کلیک بشه یه باکس بیاد

5 پاسخ

سلام. خسته نباشید
من به تازگی میخوام یه سیستم عامل آنلاین بنویسم
که کاربر با کلیک روی یه دکمه بتونه برای یه باکس بیاد بعد وقتی روی دکمه X اون باکس بسته بشه و همینطور ادامه پیدا کنه مشکلم اینه چطوری پیاده سازی کنم؟
@saghari
@ossvahid
@salar.mohammad2013
@Raymond
@arianseyed

ثبت پرسش جدید

پاسخ‌ها

5
محمد رضا
محمد رضا
@salar.mohammad2013

تخصص: Full Stack Developer

بهترین پاسخ

سلام
شما چیزی میخوایی به اسم مودال (modal)
توی بوت استرپ و خیلی از فریم ورک های css داریمش به صورت پیشفرض
اما ساختنش به صورت دستی خیلی راحت تر از اونیه که فکرش کنی
مرحله اول یه لایه کامل باید بزاری روی صفحه ی خودت مثل **** میمونه
position:absolute به طول و عرض صد کامل
یه رنگ خاکستری طور میدی با opacity کم که بشه المان های خود صفحه رو دید
یه باکس وسطش میزاری که برای این کارم میتونی فلکسش کنی **** رو بهش جاستیفای و الاین سنتر بدی
در نهایت کل کارت یه display:none به صورت پیشفرض میخوره و هر وقت خواستی بازش کنی یه کلاس مثلا active بهش میدی که توش display: block یا flex گزاشتی
برای این که انیمیشن بدی بهشم میتونی از scale:0 به 1 تغییرش بدی مثلا با زمان یک ثانیه
کلیات کار همینه

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

@salar.mohammad2013
سلام خیلی ممنون
فقط بوت استرپ اینو پشتیبانی میکنه؟
اگه میکنه لطف میکنید لینک رو بدید؟
با چند مثال؟

محمد رضا
محمد رضا
@salar.mohammad2013

تخصص: Full Stack Developer

شاید پاسخ شما همین‌جا باشد

آرتین کریمی
آرتین کریمی
@error.404

تخصص: طراح وب و برنامه نویس

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

دقیقا همینه که با display کار کنی که میتونی از vue استفاده کنی اونجا خیلی کارت راحت میشه همه رو با v-if اوکی میکنی دیگه نمیخواد هی با css ور بری

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام