اذهب إلى المحتوى
تعلم مهارات المستقبل: احصل على دورتين بسعر دورة واحدة ×

Ali Alzhrani

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

  • المساهمات

    2

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

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

 نوع المحتوى 

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

البرمجة

التصميم

DevOps

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

العمل الحر

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

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

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو Ali Alzhrani

  1. Ali Alzhrani
    <!DOCTYPE html> <html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <title>شاشة الجدول</title> <style> body {font-family: Arial, sans-serif; text-align: center; background: #f4f4f4; direction: rtl;} table {margin: 50px auto; border-collapse: collapse; width: 70%; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.2);} th, td {padding: 15px; border: 1px solid #333;} th {background: #4CAF50; color: white;} td {font-size: 18px;} </style> </head> <body> <h2>📅 شاشة جدول قسم الحاسب الآلي</h2> <table id="scheduleTable"> <tr> <th>المقرر</th> <th>الدكتور</th> <th>اليوم</th> <th>الوقت</th> <th>القاعة</th> </tr> <tr> <td colspan="5">سيتم عرض الجدول هنا...</td> </tr> </table> <script> // بيانات المحاضرات const lectures = [ {course: "نظم وتشغيل 2", doctor: "د. منير الزبيدي", day: "الأحد", time: "8:00", room: "215"}, {course: "مهارات الدعم الفني", doctor: "د. علي الزهراني", day: "الثلاثاء", time: "8:00", room: "212"} ]; let index = 0; function showLecture() { const lecture = lectures[index]; const table = document.getElementById("scheduleTable"); table.innerHTML = ` <tr> <th>المقرر</th> <th>الدكتور</th> <th>اليوم</th> <th>الوقت</th> <th>القاعة</th> </tr> <tr> <td>${lecture.course}</td> <td>${lecture.doctor}</td> <td>${lecture.day}</td> <td>${lecture.time}</td> <td>${lecture.room}</td> </tr> `; index = (index + 1) % lectures.length; } // أول عرض showLecture(); // التغيير كل 5 ثواني للتجربة setInterval(showLecture, 5000); </script> </body> </html>
  2. Ali Alzhrani
    <!DOCTYPE html> <html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <title>شاشة الجدول</title> <style> body {font-family: Arial, sans-serif; text-align: center; background: #f4f4f4; direction: rtl;} table {margin: 50px auto; border-collapse: collapse; width: 70%; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.2);} th, td {padding: 15px; border: 1px solid #333;} th {background: #4CAF50; color: white;} td {font-size: 18px;} </style> </head> <body> <h2>📅 شاشة جدول قسم الحاسب الآلي</h2> <table id="scheduleTable"> <tr> <th>المقرر</th> <th>الدكتور</th> <th>اليوم</th> <th>الوقت</th> <th>القاعة</th> </tr> <tr> <td colspan="5">سيتم عرض الجدول هنا...</td> </tr> </table> <script> // بيانات المحاضرات const lectures = [ {course: "نظم وتشغيل 2", doctor: "د. منير الزبيدي", day: "الأحد", time: "8:00", room: "215"}, {course: "مهارات الدعم الفني", doctor: "د. علي الزهراني", day: "الثلاثاء", time: "8:00", room: "212"} ]; let index = 0; function showLecture() { const lecture = lectures[index]; const table = document.getElementById("scheduleTable"); table.innerHTML = ` <tr> <th>المقرر</th> <th>الدكتور</th> <th>اليوم</th> <th>الوقت</th> <th>القاعة</th> </tr> <tr> <td>${lecture.course}</td> <td>${lecture.doctor}</td> <td>${lecture.day}</td> <td>${lecture.time}</td> <td>${lecture.room}</td> </tr> `; index = (index + 1) % lectures.length; } // أول عرض showLecture(); // التغيير كل 5 ثواني للتجربة setInterval(showLecture, 5000); </script> </body> </html>
×
×
  • أضف...