Scientific lectures
body {
font-family: 'Segoe UI', Tahoma, sans-serif;
background-color: #f9f9f9;
padding: 30px;
color: #333;
}
h2 {
text-align: center;
color: #003366;
margin-bottom: 40px;
font-size: 26px;
}
.filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
}
.filters label {
font-weight: bold;
color: #333;
}
select {
padding: 8px 12px;
font-size: 15px;
width: 200px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
padding: 10px 20px;
font-size: 15px;
background-color: #004080;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #002f5e;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
margin-top: 20px;
display: none;
}
th, td {
padding: 12px;
border: 1px solid #ccc;
text-align: center;
font-size: 15px;
}
th {
background-color: #e6f0ff;
color: #003366;
}
td a {
color: #004080;
text-decoration: none;
}
بنك محاضرات قسم اللغة العربية
اسم الجهة
القسم
اسم المحاضر
المرحلة
اسم المادة
عنوان المحاضرة
الملف
فيديو
const data = [
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "صيغ المبالغة والصفة المشبهة",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/10855.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "اسم المفعول",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/10854.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "اسم الفاعل",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/9823.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "اسم الآلة",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/9312.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "اسم الزمان والمكان",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/8130.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "مصدر المرة والهيئة",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/7415.pdf",
video: ""
},
{
faculty: "الآداب",
department: "اللغة العربية",
instructor: "بيان محمد فتاح",
stage: "الثانية",
subject: "الصرف",
title: "المصدر الميمي",
file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/7357.pdf",
video: ""
}
];
function populateInstructors() {
const department = document.getElementById('department').value;
const instructorSelect = document.getElementById('instructor');
instructorSelect.innerHTML = '';
const instructors = [...new Set(data.filter(d => d.department === department).map(d => d.instructor))];
instructors.forEach(name => {
const option = document.createElement('option');
option.value = name;
option.textContent = name;
instructorSelect.appendChild(option);
});
}
function showLectures() {
const dep = document.getElementById('department').value;
const inst = document.getElementById('instructor').value;
const stage = document.getElementById('stage').value;
const tbody = document.getElementById('lectureBody');
const table = document.getElementById('lectureTable');
tbody.innerHTML = '';
const filtered = data.filter(d =>
d.department === dep &&
d.instructor === inst &&
d.stage === stage
);
filtered.forEach(row => {
const tr = document.createElement('tr');
tr.innerHTML = `
${row.faculty}
${row.department}
${row.instructor}
${row.stage}
${row.subject}
${row.title}
${row.file ? `???? تحميل` : '—'}
${row.video ? `???? مشاهدة` : '—'} `;
tbody.appendChild(tr);
});
table.style.display = filtered.length ? 'table' : 'none';
}
document.getElementById('department').addEventListener('change', populateInstructors);