מיקום תפריט ומסגרת

[אהרן2]

יש לי סוג של תפריט
כל מילה ממוקמת ב-SPAN, מוספת מסגרת בעת מעבר עכבר + תפריט תחתון
בצורה הבאה:

#Answer span {
  position: relative;
}

#Answer span:hover {
  display: block;
  position: relative;
  border:1px solid white;
}

#Answer span:hover:after {
  content:attr(data-title);
  display: block;
  position: absolute;
}

אבל התפריט קופץ בעת מעבר העכבר

מה אני מפספס ??

תודה מראש!!

 

[Shia]

מאוד קשה לעזור כשרואים רק css וגם תיאור הבעיה לא ממש ברור ("אבל התפריט קופץ"?).

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

 

[אהרן2]

https://jsfiddle.net/4s0a7n2q/2/

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

 

[אהרן2]

<iframe width="100%" height="300" src="//jsfiddle.net/4s0a7n2q/2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

 

[אהרן2]

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

שאלה נוספת:
אני מנסה לבנות משהו דומה לזה
הענין שבעשרות אלפי תווים הוא לפעמים מגיב לקליק אחרי כמה שניות (מחשב I7 SSD), ובכלל התחושה בקליק לא נוחה, לא יודע מדוע, ולפעמים הוא בוחר את כל המסך.
מה אתם מציעים?
אולי להפוך את המילים ללינקים?
או אולי יש מצב Can not choose HTML?

 

[Shia]

שאלה נוספת:
אני מנסה לבנות משהו דומה לזה
הענין שבעשרות אלפי תווים הוא לפעמים מגיב לקליק אחרי כמה שניות (מחשב I7 SSD), ובכלל התחושה בקליק לא נוחה, לא יודע מדוע, ולפעמים הוא בוחר את כל המסך.
מה אתם מציעים?
אולי להפוך את המילים ללינקים?
או אולי יש מצב Can not choose HTML?

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

 

[אריאל וו]

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

 

[אהרן2]

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

מצאתי את הבעיה אך לא את הפתרון.

    $(".wn").on('click',function(){
        ChangeWord(this);
    });

עכשיו,
אם אני מקליק על SPAN עם, ויש בדף אותו SPAN עם אותו מילה עוד 50 פעמים, הארוע מופעל על הספאן שהקלקתי 50 פעם!
יש איך למצוא איזה מס' סדורי יחודי?

 

[אהרן2]

מוזר אבל הסתדר
המרתי תוכן דאטא-אטרובט למערך והרצתי עליו לולאת FOR KEY IN
בפועל הוא הריץ את הפעולה כמספר מופעים כאלה בדף כולו.

מסקנא: לא להעתיק דברים מגניבים כל זמן שלא לגמרי מבינים, אלא לכתוב FOR בצורה רגילה עם LENGTH.