עבור לתוכן

כיצד מוסיפים גבול מקווקו מסביב ללינקים פנימיים באתרי אינטרנט בgoogle chrome?

על-ידי dudubitn
ב תכנות

Featured Replies

פורסם

שלום,

אני מנסה להוסיף לדפדפן של גוגל כרום את אותו תחום מקווקו dotted border שקיים באינטרנט אקספלורר בלחיצה על קישור פנימי באתר

קראתי שעליי להוסיף את הcss style הבא:

acronym { border-bottom: 1px dotted #ccc; }

אך ללא הצלחה. או שאני מוסיף אותו בצורה לא נכונה...כי איני מבין גדול בתחום.

אודה למי שיוכל לסייע לי.

בברכה,

דודו

[attachment deleted by admin]

  • ציטוט
    • פורסם 



    <html>
    <head>
      <style type="text/css">
        a { text-decoration: none; padding: 1px; }
      </style>
      <script type="text/javascript">
        function addBorder(aTag)
        {
          aTag.style.border = "1px dotted #ccc";
        }
      </script>
    </head>
    <body>
      <a href="javascript:" onclick="javascript:addBorder(this);">Click Here</a>
    </body>
    </html>

  • ציטוט
    • פורסם

    מה הקשר acronym? תחליף את זה בשם התג שבשימוש (מן הסתם a)

    אם אתה רוצה שזה יהיה מסביב לכל הלינק ולא רק מתחת אז תחליף border-bottom ל border

    אם אתה רוצה שזה יהיה רק בלחיצה תוסיף :active אחרי שם התג.

    דוגמה:

    a:active{border:1px dotted #aaa}

    @Brox

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

    1. אתה הולך להשאיר את הקווים המנוקדים על כל קישור שנלחץ.

    2. צריך להוסיף onclick לכל לינק בדף.

  • ציטוט
    • פורסם

    תודה, תיקון:


    <html>
    <head>
      <title></title>
      <style type="text/css">
        a { text-decoration: none; padding: 1px; }
      </style>
      <script type="text/javascript">
        var _aTag;
        var _aClick;

        function addBorder(aTag)
        {
          _aClick = true;
          _aTag = aTag;
          aTag.style.border = "1px dotted #ccc";
        }
        function removeBorder()
        {
          if (!_aClick)
            _aTag.style.border = "0px";
          _aClick = false;
        }
      </script>
    </head>
    <body onclick="javascript:removeBorder();">
      <a href="#" onclick="javascript:addBorder(this);return false;">Click Here</a>
    </body>
    </html>

    אם לא הייתי עצלן הייתי עושה את זה בjQuery (בעיקר כי צריך להסביר לבחור איך להשתמש בזה ומה זה)..ואז זה לא בעיה להוסיף את הonclick לכולם :)

    ======

    יכול להיות שאני לא הבנתי את dudubitn, והוא התכוון למשהו אחר לגמרי...אז אם הפתרון שלי לא רלוונטי נא להתעלם

  • ציטוט
    • פורסם

    בדקת עם שני לינקים, וללחוץ עליהם לסירוגין?

    אגב, אם רוצים שההתנהגות תהיה כמו שאר הדפדפנים, זה צריך להיות onmousedown במקום onclick.

    פתרונות javascript לבעיות עיצוב נוטים להיות מסורבלים ומעצבנים, ואני אישית משתדל להימנע מהם (השאיפה היא שהפיתרון יהיה בcss במידת האפשר), שלא לדבר על השימוש בספריית js שלמה רק בשביל זה.

  • ציטוט
    • פורסם

    מסכים איתך לגמרי, אגב אני חושב שאני לא הבנתי את הכוונה שלו, אני חשבתי שבלחיצה על לינק (anchor - כלומר עוגן למקום אחר באותו דף) הוא רוצה שיהיה border ולכן הJS...

    נכנסתי לפיקאסה (עפ"י התמונה) ומסתבר שהפתרון הראשון שלי נראה מתאים - בלחיצה על קישור מופיע הborder ואז יש redirect לדף אחר...

    (אגב אני לא רואה את הטעם במימוש של דבר כזה)

  • ציטוט
    • פורסם
    • מחבר

    תודה רבה לכם!

    איך אני מוסיף את זה לגוגל כרום? אודה להסבר מפורט כי אני לא מבין גדול בתחום כפי שציינתי.

    והאם הקוד האחרון שנרשם הוא הפיתרון הסופי עבורי? אני רוצה שזו תיהיה בדיוק אותה התנהגות כפי שקיימת בIE.

    הסימון הנ"ל dotted border מופיע בלחיצה על מקש ימני(סימון שנשאר על הבחירה האחרונה).

    תודה רבה.

  • ציטוט
    • פורסם

    מה שכנראה הבנתי רק עכשיו: אתה מנסה לשנות את הדפדפן עצמו, כך שבכל אתר שתבקר זה יקרה? (קודם הבנתי שאתה רוצה לעשות את זה בדף ספציפי שאתה בונה)

    כי אם כן, אני לא מכיר דרך להוסיף javascript לדפדפן, ולכן זה יהיה חייב להעשות בcss. הדבר הכי קרוב למה שאתה מתאר זה זה:

    :-webkit-any-link:active{outline:1px dotted #aaa}

    אבל, היות שהמטרה היא (אם הבנתי נכון) לראות איזה לינק נלחץ אחרון, זה לא יועיל כי הסימון נעלם כשאתה מרים את העכבר.

    כדי להבין את הבעיה הבסיסית, צריך לדעת מה שונה בכרום משאר הדפדפנים: בכל דפדפן אחר, כשאתה לוחץ על לינק הוא מקבל פוקוס, לכן הסימון מופיע, ולכן הוא נשאר. בכרום גם קיים סימון בקבלת פוקוס, הבעיה היא שהלינק לא מקבל פוקוס בלחיצה (כדי לראות איך נראה פוקוס על הלינק, נסו לעבור בין לינקים עם TAB). אם היה אפשר להוסיף javascript, הפיתרון הוא 

    onclick=this.focus()

    או משהו דומה. בפועל אני לא מכיר דרך להוסיף js לדפדפן (אולי מישהו אחר מכיר?).

  • ציטוט
    • פורסם

    כי אם כן, אני לא מכיר דרך להוסיף javascript לדפדפן

    ודאי שיש - באמצעות תוספים (add-ons / extensions).

  • ציטוט
    • פורסם
    • מחבר

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

    האם אתם מכירים תוסף כזה לדפדפן? אשמח מאוד.

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים