PDA

View Full Version : مبتدی: تغییر رنگ متن button



maryammashkani
پنج شنبه 12 شهریور 1394, 02:21 صبح
با سلام خدمت دوستان گرامی
من میخام هنگام کیلیک روی buutton رنگ متن و پس زمینش تغییر کنه ؟؟؟؟؟؟؟؟؟؟؟
(اگه رنگ متن مشکی بود اونوقت رنگ متنش بشه قرمز و رنگ پس زمینه بشه خاکستری)

aminmousavi
پنج شنبه 12 شهریور 1394, 02:30 صبح
سلام دوست عزیز . از css های زیر استفاده کن :

.btn
{
color:Black;
background-color:white;
}
.btn:active
{
color:white;
background-color:Black;
}


کافیه به button تون یا تگ دیگه ای که دارین کلاس btn بدین :


<asp:Button ID="Button1" class="btn" runat="server" Text="Button" />

maryammashkani
پنج شنبه 12 شهریور 1394, 03:26 صبح
با سپاس اقای موسوی
اینم ایده خوبیه ولی من میخام روی button کیلیک کرد با تغییر رنگ کاربر بفهمه اون دکمه انتخاب شده (تا اینجا ایده شما عالیه) و اگه دوباره روی دکمه کیلیک کرد رنگش به حالت قبل برگرده و به عبارتی انتخابش لغو شده؟؟؟؟؟

یعنی برعکس active

maryammashkani
پنج شنبه 12 شهریور 1394, 03:29 صبح
من دارم رزرو صندلی سینما رو انجام میدم که صندلی ها به صورت button هستند ،
میخام کاربر روی هر کدوم که کیلیک کرد با تغییر رنگ متوجه بشه اون صندلی انتخاب شده و اگه از انتخابش پشیمون شد ، مجددا با کیلیک روی همون دکمه ، رنگش به حالت اولش برگرده

aminmousavi
پنج شنبه 12 شهریور 1394, 03:37 صبح
برای اینکار پیشنهاد میکنم از طریق جاوا اسکریپت روی رخداد onclick تگ تون کلاس تگ رو عوض کنین یعنی اگر تگ شما بود btn اون رو به btn_active تغییر بده . (و همچنین برعکس)
با کد زیر اینکار انجام میشه :

document.getElementById("MyElement").className = "MyClass";

mRizvandi
پنج شنبه 12 شهریور 1394, 20:01 عصر
سلام
به نظرم شما نباید از button استفاده کنید.
بهتره از یک تگ یا کنترل دیگه استفاده کنید. شاید یک img ساده و مقداری java بهتر باشه.

malloc
پنج شنبه 12 شهریور 1394, 20:05 عصر
بهترین روش توی این مسائل کنترل html با type چکباکس هست (چون پراپرتی checked و unchecked زو تو خودش داره و میتونید خیلی راحت با ظاهرش بازی کنید) ...... نمونه های زیبایی هم توی اینترنت برای این ماجرا هست //

maryammashkani
جمعه 13 شهریور 1394, 23:36 عصر
با سپاس از دوستان
اقای malloc میشه یه مقدار بیشتر توضیح بدید

mahmood_4246
یک شنبه 15 شهریور 1394, 17:52 عصر
اين لينك رو ببينيد با جي كوئري مثال گذاشته
http://stackoverflow.com/questions/16240892/jquery-change-button-color-onclick