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