Ahmed Osama21
-
المساهمات
7 -
تاريخ الانضمام
-
تاريخ آخر زيارة
إنجازات Ahmed Osama21
عضو مبتدئ (1/3)
4
السمعة بالموقع
-
اشهد الله انى سعيد جدا واستفدت جدا من حضرتك استاذ 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"); }); }); -
يا اخى الحبيب واستاذى الفاضل استاذ Hikmat Jaafer اسأل الله ان يرزقك الجنة بغير حساب وجزاك الله خيرا انت والاستاذ سمير عبود
-
أ / سمير عبود انا شاكر ليك جدا انا استفدت منك وجربت الكود واتعلمته والكود شغال الله يكرمك تسلم والله أ / Hikmat Jaafer ربنا يجازيك خير والله استاذى والله الكود بتاع حضرتك افدنى كتير واتعلمت منه وسجلته جزاك الله خيرا لكن لو ينفع تتم جميلك انا لما بمل الكود ورا حضرتك بيضيف تمام صف فى الجدول وكل شىء لكن مبيفتحش معايا ال menue فى العناصر الجديده المضافه هل ممكن حضرتك تعدل الكود او تقولى المشكله فين عشان والله انا سعيد بهذا الكود وبدرسه الان وبتعلمه وهطبق عليه عليه كتير لانى محتاجه
-
لو سمحت لسه مبتدىء محتاج اعمل جدول الجدول فيه 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 اجابة
-
- 1
-
-
انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا ارسلت لحضرتك ملف المشروع
- 5 اجابة
-
- 1
-
-
هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap ارجو من حضرتك تقولى ايه المشكله عشان اتعلم شاكر ليك Bootstrap Learn Project.rar
- 5 اجابة
-
- 1
-
-
مبتدىء فى التعلم واجهتنى مشكله عندما اضع كود ربط css و Js الخاصين بملفات Bootstrap فان ملف css يعمل وملف Js لا يعمل ( اقول ذلك لانه لا يوجد اى تأثير عند الضغط على الازرار او فتح dropmenue تم اخذها من موقع bootstrap ) هذا هو الكود الموجود فى header فى Html <link rel="stylesheet" href="bootstrap/bootstrap.min.css"> <script src="bootstrap/bootstrap.min.js"></script> وهذه صورة الملفات الموجود
- 5 اجابة
-
- 1
-