اذهب إلى المحتوى

Ahmed Osama21

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    7

  • تاريخ الانضمام

  • تاريخ آخر زيارة

آخر الزوار

لوحة آخر الزوار معطلة ولن تظهر للأعضاء

إنجازات Ahmed Osama21

عضو مبتدئ

عضو مبتدئ (1/3)

4

السمعة بالموقع

  1. Ahmed Osama21
    اشهد الله انى سعيد جدا واستفدت جدا من حضرتك استاذ Hikmat Jaafer وقد سجلت هذه المعلومات وكتبتها بمفردى غيبا مرارا وتكرارا على امثله اخرى جزاك الله خيرا هل من الممكن ان اسأل حضرتك شىء اخر ؟ الان فى هذا ال menu سأضع input text للبحث عملت Function تمكنى من اخفاء ال menu فى حدث focusout الكود يعمل بكفاءه لكن سيدى الفاضر اريد عندما اضغط على هذا ال input text الذى بداخل ال menu للبحث لا تختفى ال menu كيف افعل ذلك استاذى // show menue const inputs = document.querySelectorAll(".input"); const menus = document.querySelectorAll(".menu"); inputs.forEach((input, index) => { input.addEventListener("click", function() { menus[index].classList.toggle("active"); }); }); // hide menue inputs.forEach((input, index) => { input.addEventListener("focusout", function() { menus[index].classList.remove("active"); }); });
  2. Ahmed Osama21
    يا اخى الحبيب واستاذى الفاضل استاذ Hikmat Jaafer اسأل الله ان يرزقك الجنة بغير حساب وجزاك الله خيرا انت والاستاذ سمير عبود
  3. Ahmed Osama21 بدأ بمتابعة سمير عبود
  4. Ahmed Osama21 بدأ بمتابعة Hikmat Jaafer
  5. Ahmed Osama21
    أ / سمير عبود انا شاكر ليك جدا انا استفدت منك وجربت الكود واتعلمته والكود شغال الله يكرمك تسلم والله أ / Hikmat Jaafer ربنا يجازيك خير والله استاذى والله الكود بتاع حضرتك افدنى كتير واتعلمت منه وسجلته جزاك الله خيرا لكن لو ينفع تتم جميلك انا لما بمل الكود ورا حضرتك بيضيف تمام صف فى الجدول وكل شىء لكن مبيفتحش معايا ال menue فى العناصر الجديده المضافه هل ممكن حضرتك تعدل الكود او تقولى المشكله فين عشان والله انا سعيد بهذا الكود وبدرسه الان وبتعلمه وهطبق عليه عليه كتير لانى محتاجه
  6. Ahmed Osama21
    لو سمحت لسه مبتدىء محتاج اعمل جدول الجدول فيه Dropdown محتاج لما ادوس على ال input يفتح معايا الى menue محتاج اعمل دا بشكل اوتماتيك فى كل dropdown عندى ليها نفس ال calss <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <table> <thead></thead> <tbody> <td> <tr> <div class="dropdown"> <div class="search_input"> <input id="input" type="text" placeholder="search" onclick=""> </div> <div class="menue"> <p>html</p> <p>CSS</p> <p>js</p> </div> </div> </tr> </td> <td> <tr> <div class="dropdown"> <div class="search_input" > <input id="input" type="text" placeholder="search"> </div> <div class="menue"> <p>html</p> <p>CSS</p> <p>js</p> </div> </div> </tr> </td> </tbody> <tfoot></tfoot> </table> <button>add new row</button> <script src="/main.js"></script> </body> </html> .dropdown{ width: 180px; position: relative; margin: 5px; } .menue{ position: absolute; width: 100%; display: none; border: blue; background-color: lightgray; z-index: 1; } .active{ display: block; } هنا كود ال جافاسكريبت const input = document.querySelector("#input"); const menue = document.querySelector(".menue"); input.addEventListener("click", function(){ menue.classList.toggle('active') }) انا محتاج اعمل الجدول فى كل صف فية dropdown وهضيف صفوف كتير عايز لما ادوس على ال input يفتح معايا ال dropdown
  7. Ahmed Osama21
    انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا ارسلت لحضرتك ملف المشروع
  8. Ahmed Osama21
    هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap ارجو من حضرتك تقولى ايه المشكله عشان اتعلم شاكر ليك Bootstrap Learn Project.rar
  9. Ahmed Osama21 بدأ بمتابعة لدى مشكله بسيطه ملف js الخاص ب Bootstrap لا يعمل ارجو المساعده
  10. Ahmed Osama21
    مبتدىء فى التعلم واجهتنى مشكله عندما اضع كود ربط css و Js الخاصين بملفات Bootstrap فان ملف css يعمل وملف Js لا يعمل ( اقول ذلك لانه لا يوجد اى تأثير عند الضغط على الازرار او فتح dropmenue تم اخذها من موقع bootstrap ) هذا هو الكود الموجود فى header فى Html <link rel="stylesheet" href="bootstrap/bootstrap.min.css"> <script src="bootstrap/bootstrap.min.js"></script> وهذه صورة الملفات الموجود
×
×
  • أضف...