שלום לכולם,
אני בניתי טבלה עם טאבים ושורות ואני רוצה לעשות שכל פעם עוברים על שורה היא מחליפה צבע..
הצלחתי לעשות את זה אבל הבעיה שזה רק על השורה עצמה (TD), ואני רוצה שכל השורה תשנה צבע (TR)

ניסיתי לשים את ה-ID על ה-TR אבל זה לא עבד...

הינה דוגמה למה שאני רוצה לעשות:
http://www.yad2.co.il/Yad2/Yad2.php?SalesCatID=6

אם נגיד תעלו על שורה מסויימת אז כל השורה משנה את הצבע.. ולא רק שורה בטאב מסויים...

תודה לעוזרים

לTR אין משמעות בקטע הזה - תצטרך לשנות את צבע הרקע של כל הTD בשורה.
אם תצטרך עזרה לעשות את זה, תראה את הקוד בו נתקעת.

עשיתי לכל TD וזו בדיוק הבעיה... כי רק על הTD שהעכבר עומד משתנה הצבע ולא לכל השורה...

יצרתי CLASS שבמעבר עכבר משנה הרקע לאדום

קוד:

.lineAd:hover {
background-color:#FF0000;
}

כשאני שם אותו על TR לא קורה כלום, שאני שם אותו על TD רק בשורה מתוך הטאב מחליפה את הצבע ולא כל השורה...

תמונה:

שימו לב שרק ה-TD שינה צבע ולא כל השורה...

ציטוט:

במקור נכתב על ידי gal! יצרתי CLASS שבמעבר עכבר משנה הרקע לאדום קוד: .lineAd:hover { background-color:#FF0000; } כשאני שם אותו על TR לא קורה כלום, שאני שם אותו על TD רק בשורה מתוך הטאב מחליפה את הצבע ולא כל השורה... תמונה: שימו לב שרק ה-TD שינה צבע ולא כל השורה...

אירוע של HOVER עושה bubble-up מהאלמנט שעשית לו HOVER, זאת אומרת שמגיע גם אל הTR.
לכן, ניתן פשוט לעקוב אחרי HOVER של הTR ולפיו לשנות את הרקע של כל הTD שבתוכו.
דוגמא חיה:
http://jsfiddle.net/r8UWH/

וה-CSS לביצוע דבר כזה:

קוד:

tr:hover td {
 background-color: green;   
}

אגב - בגירסאות ישנות של IE לא ניתן להשתמש ב":hover" בCSS לאלמנלטים שהם לא לינקים, לכן אם נדרשת גם תמיכה בגירסאות ישנות של IE תצטרך לשקול להוסיף מחלקה בשם hover לאלמנט שעושים עליו hover ולפנות אליו ב"tr.hover td" בCSS.

תודה רבה!
בעיקרון זה עשה לי את כל ה-TR באתר עם הדבר הזה אבל הוספתי # ..

שוב תודה (: