שלח תשובה

זירת השאלות

939
צפיות
4
תשובות

שינוי עיצוב לעמוד האקטיבי בתפריט

,‏ 29 במאי, 2011

האם יש אפשרות להגדיר בעזרת CSS או JS עיצוב שונה כגון החלפת צבע ללינק בתפריט כאשר העמוד פעיל?
כמו שיש a:hover האם יש משהו כזה לעמוד פתוח? (a:active לא עושה את זה)

תגיות:

4 תשובות

  1. כמובן
    אתה יכול לקרוא לאלמנט מסויים ולשנות לו את הסטייל או את הקלאס

    כלומר בעמוד עצמו אתה צריך לזהות אילו מבין הכפתורים הוא זה שאתה צריך לסמן, ולפנות אליו באחת מהצורות האלה:


    document.getElementById("objectID").style.backgroundColor = "yellow";

    document.getElementById("objectID").class= "selected";

    objectID זה ה-ID של האובייקט שאתה רוצה לסמן

    בשיטה השניה אתה כמובן צריך ליצור קלאס בשם selected ולתת לו את הסטייל המתאים


    אלי ענתבי

  2. רז0573 הגיב:

    כנראה השאלה שלי לא הייתה מספיק ברורה
    האם אפפשר ע"י CSS בלבד ללא שימוש ב-ASP כיון שהאתר סטטי לחלוטין לגרום באופן קבוע שעמוד במצב פתוח יקבל עיצוב שונה בתפריט?
    (כמו שניתן לעשות באופן אוטומטי ל-a:hover)

    ולא ע"י קלאס מקומי לעמוד הפתוח אלא בצורה  גורפת.

  3. הקוד שכתבתי זה לא asp
    אלא סקריפט צד לקוח ברץ בדפדפן

    כפי שציינת a:active לא עובד חלק תמיד, לכן הצורה הגורפת היחידה שאני יכול לחשוב עליה היא לשים את שורת הסקריפט שכתבתי בתחתית העמוד בקובץ שמוכלל בכל העמודים, ולזהות איזה כפתור צריך להיסתמן בתפריט בהתאם לפרמטרים פנימיים שלך או לפי ה-URL (גם כן, אפשרי בצד לקוח בלבד ללא asp)

    לגבי css בלבד – לא מכיר כזו שיטה, ל-css אין פרמטרים שיאפשרו לו לזהות את סוג העמוד ולסמן כפתור בהתאם…


    אלי ענתבי

  4. רז0573 הגיב:

    תודה רבה!
    אני אנסה את זה.

    לגבי CSS – לכאורה כמו שהוא מזהה מעבר עכבר שיזהה קישור שמקשר לעמוד שכבר פתוח. לא צריך בשביל זה פרמטרים …
    (במערכות קוד פתוח כמו בג’ומלה יש אופציה כזו מובנית.)
    מה שמענין, באתר הזה, וובמאסטר, אין התייחסות לעמוד אקטיבי.

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!