عدم عمل القائمة الجانبية الداخلية المشتركة بين صفحتين HTML و أكواد جافاسكربت

بتاريخ 3 ساعات قال Ahmed Monaiem:

دى ملفات الجافاسكريبت اللى مرتبطة بالصفحتين

issue.zip

انا عاوز اعرف المشكلة فين

القائمة تفتح ولكن داخلها لا يعمل، يظهر خطأ

Uncaught TypeError: searchSon.children is not a function

سببه أن دالة children مقدمة من جيكويري لذلك عدل التالي:

let searchSon = $("#searchSon");
                ^^^^^^^^^^^^^^^
...

searchSon.children("div").onmouseout = function () {
//     ^^^^^^^^^^^^^^^^^^
  searchSon.style.backgroundColor = "green";
};

وفي صفحة all activity 

Uncaught TypeError: Cannot set properties of null (setting 'onclick')

لأن business غير موجودة فيها.

************

بعد بحث طويل تبين أن سببب عدم عرض القائمة الجانبية الداخلية هو أنط قمت بتعريفها ضمن قسم question ب questionsContent أي لم تكن مضمنة في صفحة النشاطات activity

بعد نقل الجزء التالي من index إلى all activity عملت القائمة الداخلية

  <section class="questions">
    <div class="container">

      <div class="questionsContent">
        <div class="row">
          <div class="mr-lg-5 business" id="business">ريادة الاعمال</div>
          <div class="mr-lg-5  freelancing" id="freelancing">العمل الحر</div>
          <div class="mr-lg-5  marketing" id="marketing">التسويق و المبيعات</div>
          <div class="mr-lg-5  programming" id="programming">البرمجة</div>
          <div class="mr-lg-5  design" id="design">التصميم</div>
          <div class="mr-lg-5 devops" id="devops">DevOps</div>
          <div class="mr-lg-5 app" id="app">البرامج و التطبيقات</div>
          <div class="mr-lg-5  spicialist" id="spicialist">الشهادات المختصة</div>
        </div>
  
      </div>
      
    </div>
  </section>

كان السؤال غير واضح ولا يحوي تفاصيل .. المشكلة ليست في أكواد جافاسكربت بل عدم وجود هيكلية HTML الخاصة بالقائمة الداخلية

هل من الممكن تصغير حجم ملف المشروع و تحديد بدقة أكثر ما هي الأكودا التي لا تعمل؟ من الصعب التصفح كل شيء

برجاء وضع الشفرة البرمجية التي تظهر بها المشكلة في تعليق بدلًا من إرفاق المشروع حتى يكون من السهل توفير إجابة على سؤالك

بتاريخ On 2/28/2022 at 15:05 قال Wael Aljamal:

هل من الممكن تصغير حجم ملف المشروع و تحديد بدقة أكثر ما هي الأكودا التي لا تعمل؟ من الصعب التصفح كل شيء

دى ملفات الجافاسكريبت اللى مرتبطة بالصفحتين

issue.zip

بتاريخ On 2/28/2022 at 16:25 قال شرف الدين2:

برجاء وضع الشفرة البرمجية التي تظهر بها المشكلة في تعليق بدلًا من إرفاق المشروع حتى يكون من السهل توفير إجابة على سؤالك

انا عاوز اعرف المشكلة فين

شكرا جدا..

بالفعل تعمل عند نقل section question الى صفحة activity.html

لكن انا واضع القائمة الجانبية فى section small-screen و دى السيكشن اللى المفروض تظهر فيها القائمة الجانبية

اكيد فيه غلط عندى بس مش قادر اوصل ازاى انا عرفت القائمة فى سيكشن question

حاولت مراجعة كود اتش تى ام ال لم استطع الوصول لسبب و فى الجافاسكريبت ايضا

بتاريخ 1 دقيقة مضت قال Ahmed Monaiem:

لكن انا واضع القائمة الجانبية فى section small-screen و دى السيكشن اللى المفروض تظهر فيها القائمة الجانبية

يبدو أن هنالك رابط بين questionsContent  مع القائمة

بقيت أحذف أكواد و أضيف من index حتى عملت..

هل جافاسكربت لديك تعتمد على id أو أصناف في القسم الناقص