لوحة المتصدرين

نستخدم حقول النموذج الديناميكي في العديد من السيناريوهات ، مثل إنشاء قائمة مهام أو أي نموذج آخر قد يحتوي على حقل واحد أو أكثر من الحقول المطلوبة. بناء هيكل HTML ضروري ، نبدأ من بنية HTML لحقول النموذج الديناميكي الخاصة بنا. <h1>الحقول الديناميكية</h1> <div class="wrapper"> <div id="survey_options"> <input type="text" name="survey_options[]" class="survey_options" size="50" placeholder="Name"> <input type="text" name="survey_options[]" class="survey_options" size="50" placeholder="Email"> <input type="text" name="survey_options[]" class="survey_options" size="50" placeholder="Another Field"> </div> <div class="controls"> <a href="#" id="add_more_fields"><i class="fa fa-plus"></i>إضافة</a> <a href="#" id="remove_fields"><i class="fa fa-plus"></i>حذف</a> </div> </div> لقد قمت بتضمين ثلاثة حقول فقط ، اثنان منهم (الاسم والبريد الإلكتروني) ثابتان وأنا أجعل الحقل الأخير حقل آخر ديناميكيًا ، حيث سنقوم بتنفيذ الإجراءات. يبدو قبيح جدا. أليس كذلك؟ لنقم ببعض تصميمات CSS لجعلها جذابة. @import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;300;400;700&display=swap'); body { background-color: #f0f5ff; font-family: 'Jost',sans-serif; color: #fff; } .wrapper { width: 400px; margin: 40px auto; padding: 10px; border-radius: 5px; background: white; box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1); } input[type="text"]{ padding: 10px; margin: 10px auto; display: block; border-radius: 5px; border: 1px solid lightgrey; background: none; width: 274px; color: black; } input[type="text"]:focus { outline: none; } .controls { width: 294px; margin: 15px auto; } #remove_fields { float: right; } .controls a i.fa-minus { margin-right: 5px; } a { color: black; text-decoration: none; } h1 { text-align: center; font-size: 48px; color: #232c3d; } ما الذي يجعل النموذج تفاعليًا؟ بالتأكيد ، جافا سكريبت. var survey_options = document.getElementById('survey_options'); var add_more_fields = document.getElementById('add_more_fields'); var remove_fields = document.getElementById('remove_fields'); add_more_fields.onclick = function(){ var newField = document.createElement('input'); newField.setAttribute('type','text'); newField.setAttribute('name','survey_options[]'); newField.setAttribute('class','survey_options'); newField.setAttribute('siz',50); newField.setAttribute('placeholder','Another Field'); survey_options.appendChild(newField); } remove_fields.onclick = function(){ var input_tags = survey_options.getElementsByTagName('input'); if(input_tags.length > 2) { survey_options.removeChild(input_tags[(input_tags.length) - 1]); } } document.getElementById('print-values-btn').onclick = function() { let allTextBoxes = document.getElementsByName('survey_options[]'); for(let i of allTextBoxes){ console.log(i.value) // هنا ستتمكن من رؤية جميع القيم في console } } شرح الكود في الأسطر الثلاثة الأولى ، لدي الحقل الذي سيكون ديناميكيًا وزر عناصر التحكم (إضافة وإزالة) لأداء أحداث onclick. أقوم الآن بإنشاء عنصر إدخال جديد كلما تم تنفيذ حدث النقر على add_more_fields. في الواقع ، يقوم بإنشاء عناصر إدخال وإضافة سمات إليها مثل النوع والاسم والفئة وما إلى ذلك. نحتاج أيضًا إلى الإزالة أيضًا. نحتاج أولاً إلى التحقق من أن طول الإدخال أكبر من 2 ، ثم سنزيله بخلاف ذلك. إذا كان لدينا أكثر من مجالين. ثم ببساطة استخدم وظيفة JS removeChild واجتياز رقم الفهرس الخاص بـ Survey_options.

سلام عليكم الاستعلامات كالتالي $query = 'SELECT * FROM pack_items JOIN tenders t on pack_items.tender_id = t.id WHERE tender_id = '.$id; $query .= 'SELECT * FROM suppling_details JOIN pack_items ON pack_items.id = suppling_details.pack_item WHERE suppling_details.tenderID='.$id; $do = $conn->multi_query($query); foreach ($do AS $get){ $html .= ' <tr> <td style="border: 1px solid black;">' . $get['item_name'] . '</td>'; } لماذا لا يعمل الكود

كيف استطيع ان اجعل نصاً ما في وسط الشاشه أو ان يكون بعده عن يمين الشاشه يساوي بعده عن يسار الشاشه في مكتبة Pygame

اريد اظهار النتيجة حسب المدخل في حقل input الاستعلام يعيد نتيجة حسب الرقم المعطى(70)اريد استبدال هذا الرقم ب حقل ال input الوارد من المستخدم في صفحة blade

بالطبع فهمت المقصد كانت المشكلة في عملية التوجيه ليس ف علامات التنصيص شكرا لتعاونك اخي الكريم

ماهي فائدة flow charts , وكيف أعرف متى أستخدمه في البرمجة وشكرا

الفكرة الأولى من مخططات التدفق او خارطة الانسياب هي في تنظيم عملية تدفق البيانات التي تطبق في نقل البيانات من المدخلات الى المخرجات دون التركيز في التفاصيل الدقيقة. فهي الوسيلة لتمثيل خطوات معينة من بداية خوارزمية الى نهايتها، وبالتالي تضمن: أخذ تصور واضح لكاملة للخطوات المطلوبة لتطبيق فكرة معينة بشكل يسهل عليه تحليل المعطيات والمتطلبات الى خطوات برمجية. تسهيل التعامل مع العمليات التي تحتاج خوارزميات معقدة يكثر فيها التشعب والاحتمالات الكثيرة. تمتلك مخططات التدفق بعض العناصر المتفق على دلاليتها للاشارة الى شيء ما، فعلى سبيل المثال: يدل السهم ← في المخطط على اتجاه الانسياب المنطقي للبرنامج وبالتالي يعرف اسبقية خطوة على خطوة اخرى. استفد اكثر من الاجابات على سؤال مماثل: ايضا تعرف على مجموعة برمجيات لرسم وتمثيل مخططات التدفق:

ستحتاج طبعا التوجيه الى تابع المتحكم المعني من داخل الاستمارة بحيث يكون الرقم مرفقا ضمن الطلب. فإن كان التابع index من المتحكم CourseController هو ما يحوي هاته الشيفرة، بحيث يوجه المسار التالي اليه: Route::post('/path' ,[CourseController::class ,'index'])->name('my.path'); فإنك ستحتاج الاشارة الى هذا المسار في الاستمارة: <form action="{{ route('my.path') }}" method="POST"> @csrf @method('POST') <input name="courseNumber" /> .. الباقي ثم استقبال هذا المعامل في المتحكم المعني: $number = request()->courseNumber; $x = DB::select('select Course_name from .... WHERE Has_Pre IN ('.$number.')')

لقد فكرت ببناء نظام دليل جامعات لمحافظتي وقد قمت بجميع الخطوات الازمة للتحليل والتصميم ولكن كنت قلق قليلا من ناحية اضافة قسم دردشة مع العلم اني بمخططات المشروع قمت بادراج كيانات دردشة بسيطة لكنها تفي بالغرض : سؤوالي هوا هل سيكون من الصعب اضافة ميزة الدردشة بين المستخدمين سهله ام صعبة? وهل هناك طرق تجنبي الوقوع بالاخطاء الكبيرة! ام ان هناك طرق لربط نظامي بنظام دردشه جاهز او من هذا القبيل, اذا في نصائح سأكون شاكرا لكم وشكرا

شكرا لك استاذي

استطيع تنزيلها داخل المشروع? ام انه لابد من انشاء مشروع جديد لها? مع العلم انا لازلت مبتدء باطار العمل لارافيل

هناك حزمة تدعى chatify تستطيع إضافتها إلى تطبيقك و تتيح لك ميزات كثيرة خاصة بالدردشة، يمكنك الإطلاع عليها من هنا. بعض الميزات التي توفرها هذه الحزمة: نظام دردشة للمستخدمين. لائحة المعارف و لائحة المفضلة. ميزة البحث. إمكانية إضافة ملفات إلى الرسالة. بالإضافة إلى الكثير من الميزات الأخرى.

تهانينا لك على الإنجاز الجميل في إنهائك لدورة تطوير واجهات المستخدم ، إلى مزيد من التقدم والنجاح ، يجب عرض المشروع في معرض أعمالك بطريقة احترافية من خلال اختيار صور عالية الجودة للمشروع وأيضاً وضعها في موك أب وهذا أفضل لتظهر بشكل جميل ومن المهم جداً كتابة عنوان العمل بطريقة مفهومة وواضحة للعملاء و كتابة الأدوات التي استخدمتها في تطوير المشروع بطريقة جميلة ومفهومة ومختصرة لا تشمل كل شيء النقاط المهمة التي توضح مجالك و في خانة رابط العمل يمكنك إرفاق رابط GitHub للمشروع الخاص بك . أما عن الصورة المصغرة يمكنك فهي تعتبر واجهة المشروع وأول شيء سوف يراه العميل عند دخوله لمعرض أعمالك لذلك يجب أن تكون الصورة جميلة وواضحة جداً وملفتة من أجل أن يدخل العميل لرؤية المشروع بالكامل يمكنك استخدام موقع canva مثلاً من أجل ترتيب صورة جميلة وواضحة للمشروع وترفق لو جزء من المشروع في الصورة . في خانة الملفات والصور قم بإرفاق صور للمشروع وإن أحببت يمكنك إرفاق الملفات حتى ينظر العملاء على كيفية كتابة للأكواد وغيرها أو الاكتفاء بوضع رابط GitHub للمشروع .