نريد أن نتيح هذا المشروع المفتوح المصدر إلى كل الناس حول العالم. من فضلك ساعدنا على ترجمة محتوى هذه السلسله للغة التى تعرفها.
الرجوع الي الدرس

عرض ملاحظة بالقرب من العنصر

إنشاء وظيفة positionAt (مرساة ، موضع ، elem) تضع مواضع elem ، اعتمادًا علىposition بالقرب من عنصر anchor.

يجب أن يكون “الموضع” عبارة عن سلسلة تحتوي على أي قيمة من 3 قيم:

  • `` top ‘’ – ضع elem فوقanchor مباشرة
  • “” right “” – ضع “elem” مباشرة على يمين “anchor”
  • “أسفل” “- ضع” elem “أسفل” anchor "مباشرة

يتم استخدامه داخل الوظيفة showNote (anchor ، position ، html) ، المتوفرة في شفرة مصدر المهمة ، والتي تنشئ عنصر “note” مع html معينًا وتعرضه في" الموضع “القريب من” anchor ".

إليك عرض الملاحظات:

افتح sandbox للمهمه.

في هذه المهمة نحتاج فقط لحساب الإحداثيات بدقة. انظر الرمز للحصول على التفاصيل.

يرجى ملاحظة: يجب أن تكون العناصر في المستند لقراءة offsetHeight وخصائص أخرى. العنصر المخفي (display: none) أو خارج عنصر المستند ليس له حجم.

افتح الحل في sandbox.