פסאודו קלאס בCSS(לפחות ככה קוראים לזה ב- w3schools), או HOVER.

[Ghosthunter]

שלום,

רציתי לדעת האם ניתן לשנות את העיצוב של אובייקט מסויים מרגע שעולים עליו עד שיותאים מהדפדפן בCSS. אני יודע שניתן לעשות זאת מהרגע שעליתי עליו עד שאני יוצא ממנו. אני מחפש משהו כמו onmouseover שיש בJS, רק בCSS.

עוד שאלה באותו נושא: ראיתי באתר w3schools שיש עוד פסאודו קלאס בשם first-child. מישהו יודע אם יש גם אחד שנקרא :parent, שפשוט מחזיר את האב של אותו אובייקט?

תודה.

[iib]

CSS2 תומך בזה לכל האלמנטים.

עושים זאת כך לדוגמא:

TD.NavTop:HOVER {background-color: #B8CBFE;}

זה אומר שכל תא בטבלה עם CLASS=NavTop יקבל צבע רקע אחר עם mouseover....

הבעיה היא שמאפיין זה של CSS2 לא נתמך בצורה טוב ב Ie6. ופועל רק על אלמנט מסוג קישור כמו:

A:hover {color:red; text-decoration: underline;} 

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

אני פשוט משתמש בגאווה סקריפט הבא:

הפונקציה:
function scbg(objRef, state) {
	objRef.style.backgroundColor = (1 == state) ? '#FFFFFF' : '#D9EBFF';
	return;

דוגמא לקריאה לפונקציה מה HTML:
<DIV class="sidemenuitem" onMouseOut="scbg(this, 0);" onMouseOver="scbg(this, 1);">

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

חסכוני מבחינת נפח.

בכל מקרה ie7 צריך לתמוך ב CSS2 (ו-2.1 כנראה) בצורה מלאה.

[Ghosthunter]

אני מחפש דבר כבר:

<DIV onMouseOver="scbg(this, 1);">

כמו מה שרשמת מקודם, רק בלי הMOUSEOUT, תוך כדי שימוש בCSS בלבד.

יש חיה כזו?

[iib]

אם אתה רוצה שהשינוי יתרחש באופן קבוע כשהעכבר זז מעל אלמנט - ולא יחזור למצב ההתחלתי כשהעכבר זז החוצה ממנו - אז אין ב CSS אפשרות כזו עד כמה שאני יודע...

אם אתה מתכוון שיתרחש שינוי כשהעכבר מעל הDIV אבל כשהעכבר יצא מה DIV הוא יחזור למצבו ההתחלתי אז עושים את זה דרך הקוד שצירפתי למטה

אבל כמו שהסברתי זה לא יעבוד ב Internet explorer. (עובד בפיירפוקס)

פרט לאינטרנט אקספלורר 7 שעיין לא יצא בגרסה סופית.

פשוט:

.MyDiv{
כל מאפיין CSS שאתה רוצה שיכלל בDIV מהסוג הזה
{

Div.MyDiv:Hover{
כל מאפיין CSS שאתה רוצה שה DIV יקבל כשהעכבר מרחף מעליו
{

בחלק של ה BODY:

<DIV class="MyDiv>
...
</DIV>

[Ghosthunter]

אוקי, עוד שאלה: האם בBEFORE וAFTER יכולים להכניס קוד HTML איכשהו?

תודה.

ד.א. אני חורש על המסמך הזה בתקווה למצוא משהו.

http://www.w3.org/TR/REC-CSS2/selector.html

[iib]

קראתי את המסמך... אין שם תשובה למה שאתה מחפש

ה before ו after זה כדי להכניס טקסט אומטמטית לפני או אחרי אלמנט מסויים...

אפשר לעשות עם זה הרבה דברים כמו מיספור אומטמטי - אבל אי אפשר להכניס קוד HTML

הנה המסמך שמתאר מה שאפשר להכניס שם:

http://www.w3.org/TR/REC-CSS2/generate.html

ד"א כל מה שכתבו שם נכלל ב CSS2 שכמו שארתי לא נתממכת בשלמותה באספלורר לכן יש לבדוק פרטנית כל דבר

[Ghosthunter]

ד.א. לא מעניינת אותי התנהגות הIE כרגע. לאחר שיוציאו את הVISTA הכל צריך להסתדר.