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

Ali Alzhrani

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

  • المساهمات

    2

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

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

إنجازات Ali Alzhrani

عضو مبتدئ

عضو مبتدئ (1/3)

0

السمعة بالموقع

  1. Ali Alzhrani
    Ali Alzhrani اشترك بالأكاديمية
  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>
  3. 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>
×
×
  • أضف...