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

  بتاريخ On 28‏/2‏/2022 at 14:31 قال Ahmed Monaiem:

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

issue.zipFetching info...

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

أظهر المزيد  

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

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 28‏/2‏/2022 at 13:05 قال Wael Aljamal:

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

أظهر المزيد  

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

issue.zipFetching info...

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

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

أظهر المزيد  

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

شكرا جدا..

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

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

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

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

  بتاريخ On 28‏/2‏/2022 at 17:53 قال Ahmed Monaiem:

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

أظهر المزيد  

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

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

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