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

Ahmed Osama21

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

  • المساهمات

    7

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

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

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو Ahmed Osama21

  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
    أ / سمير عبود انا شاكر ليك جدا انا استفدت منك وجربت الكود واتعلمته والكود شغال الله يكرمك تسلم والله أ / Hikmat Jaafer ربنا يجازيك خير والله استاذى والله الكود بتاع حضرتك افدنى كتير واتعلمت منه وسجلته جزاك الله خيرا لكن لو ينفع تتم جميلك انا لما بمل الكود ورا حضرتك بيضيف تمام صف فى الجدول وكل شىء لكن مبيفتحش معايا ال menue فى العناصر الجديده المضافه هل ممكن حضرتك تعدل الكود او تقولى المشكله فين عشان والله انا سعيد بهذا الكود وبدرسه الان وبتعلمه وهطبق عليه عليه كتير لانى محتاجه
  4. 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
  5. Ahmed Osama21
    انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا ارسلت لحضرتك ملف المشروع
  6. Ahmed Osama21
    هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap ارجو من حضرتك تقولى ايه المشكله عشان اتعلم شاكر ليك Bootstrap Learn Project.rar
  7. 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> وهذه صورة الملفات الموجود
×
×
  • أضف...