سلام خسته نباشید . من می خاستم بدونم که با استفاده از چه کدی می شه رنگ background تگ tr رو تغییر داد موقعی که موس روش می ره . مثل منوهای اصلی که توو سایتها هست و با رفتن ماوس به روی هر کدوم از tr ها رنگش تغییر میکنه . ممنون
سلام . خسته نباشید . ممنون بابت کدی که گذاشتید و منو راهنمایی کردید .
کد شما به طور کاملا صحیح کار می کنه ولی چون بر اساس آی دی هست فقط روو یه تگ Tr کار می کنه .
من بیش از 10 تا تگ Tr توو صفحه خودم دارم نمی دونم باید چی کار کنم ، فقط روو همون اولین تگ کار می کنه ، من این کد را جا گذاری کردم ولی بازم نشد . ممنون می شم اگه منو راهنمایی کنید .
کد:
<script type="text/javascript">
function m_over()
{
document.getElementByTagName('tr').className = 'mover';
}
function m_out()
{
document.getElementByTagName('tr').className = 'tr';
}
</script>
سلام . خسته نباشید . ممنون بابت کدی که گذاشتید و منو راهنمایی کردید .
کد شما به طور کاملا صحیح کار می کنه ولی چون بر اساس آی دی هست فقط روو یه تگ Tr کار می کنه .
من بیش از 10 تا تگ Tr توو صفحه خودم دارم نمی دونم باید چی کار کنم ، فقط روو همون اولین تگ کار می کنه ، من این کد را جا گذاری کردم ولی بازم نشد . ممنون می شم اگه منو راهنمایی کنید .
راه ساده تر و اصولی تری هم هست که بدون اینکه لازم باشه چیزی به صفحه اضافه کنید این جلوه رو ایجاد کنید
اول باید فریم ورک jQuery رو دانلود کنید و به صفحه اضافه کنید.
باید به table تون کلاس ,stripeme رو اختصاص بدید. به هیچ چیز دیگه هم نیازی نیست دست بزنید
فقط یه کلاس over هم درست کنید و اون رنگ پس زمینه ای رو که می خواید خونه های جدول در زمانی که ماوس روش میره رو داشته باشه رو بهش میدید
سلام . خیلی خیلی ممنونم از جناب amirabbas_p30magazine و sunrise
من توی هر دوتا روش یه مشکل خیلی کوچیک دارم :
به صورت پیش فرض به این تگ TR یه بکگراند ( Background Color ) تخصیص دادم و الان وقتی با ماوس روی اون تگهای TR می رم همه چیزش تغییر می کنه ( بر اساس کلاس mover یا over ) ، به جز رنگ بکگراند !!! نکته : زمانی هم که اون کلاس پیش فرض رو از اون تگهای TR بر می دارم مشکل حل می شه !
یک دنیا ممنون .
سلام . منم نمی گم که کدها مشکل داره . کدها به خصوص کد شما که خیلی راحت تره و نیازی نیست که همه تگها رو تنظیم کرد به خوبی کار می کنه . اما من می خوام زمانی که ماوس رو تگ TR نیست ، یه کلاس دیگه به نام مثلا "MajidOnline" بهش اختصاص داده بشه .
همین .
زمانی هم که خودم به صورت دستی به تگهای TR یه کلاسی رو اختصاص می دم ( کلاسی که بکگراندش یه رنگ دیگه هست ) ، اینجاست که دیگه با رفتن ماوس رنگ بکگراند عوض نمی شه .
هر وقت هم اون کلاسها رو که به تگهای TR اختصاص دادم رو برمی دارم خوب می شه .
خوب شما می خوای این فایل دقیقا چطوری باشه ؟
یه چیزی که تو فایل شما دیدم این بود که شما به تمامی td ها کلاس اختصاص دادی. احتیاجی به این کار نیست. برای چه منظور به همه td ها کلاس اختصاص دادید
دقیقا توضیح بدید شاید بشه مشکل رو حل کرد
الان توی این فایلی که توو پست قبل پیوست کردم من دقیقا می خوام :
1 ـ به صورت پیش فرض رنگ بکگراند تگهای TR آبی باشه
2 ـ وقتی ماوس روش رفت رنگ بکگراندش قرمز بشه
3 ـ وقتی ماوس از روی تگ کنار رفت دوبارهمون آبی پیش فرض بشه
در صورتی که الان اگه به صورت پیش فرض به تگهای TR کلاسی اختصاص بدم دیگه بکگراند تغییر نمی کنه !
یه چیزی که تو فایل شما دیدم این بود که شما به تمامی td ها کلاس اختصاص دادی. احتیاجی به این کار نیست. برای چه منظور به همه td ها کلاس اختصاص دادید
دقیقا توضیح بدید شاید بشه مشکل رو حل کرد
فایل شما خیلی کرو کثیف نوشته شده بود
شما باید یه خورده بیشتر روی CSS کار کنید. احتیاجی نیست برای هر td کلاس تعریف کنید. تو CSS میشه از contextual selector ها استفاده کنید تا td های داخل tr مربوط به یک table خاص رو تحت تاثیر قرار بدید. اصلا احتیاجی به اختصاص کلاس به هر td نیست چون در این صورت کد صفحه شما خیلی شلوغ و سنگین میشه.
من روی فایل شما کار نکردم. همون چیزی رو که شما لازم داشتید رو به شکل اصولی و درست از نو ساختم و به پست پیوست کردم.
