اذهب إلى المحتوى

السؤال

نشر

html
<!DOCTYPE html>
<html>
<head>
    <title>ابحث عن الطالب</title>
    <script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
</head>
<body>
    <input type="file" id="fileInput">
    <button onclick="searchStudent()">ابحث عن الطالب</button>

    <div id="studentData"></div>

    <script>
        function searchStudent() {
            var studentId = "excel-File.xlsx";// رقم القيد
            var fileInput = document.getElementById('fileInput');
            var file = fileInput.files[0];
            var reader = new FileReader();

            reader.onload = function(e) {
                var data = new Uint8Array(e.target.result);
                var workbook = XLSX.read(data, { type: 'array' });
                var worksheet = workbook.Sheets[workbook.SheetNames[0]];
                var jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
                var studentData = jsonData.filter(function(row) {
                    return row[0] === studentId;
                });
                if (studentData.length > 0) {
                    var studentInfo = studentData[0];
                    var studentDataElement = document.getElementById('studentData');
                    studentDataElement.innerHTML = 'اسم الطالب: ' + studentInfo[1] + '<br>الحاسوب: ' + studentInfo[2];
                } else {
                    console.log('لم يتم العثور على بيانات;');
                }
            };

            reader.readAsArrayBuffer(file);
        }
    </script>
</body>
</html>

Recommended Posts

  • 0
نشر
  بتاريخ On 29‏/9‏/2023 at 10:32 قال وديعة الله:

ارسلت لك الملف هل اطلعت عليه 

أظهر المزيد  

اعتذر عن التأخر في الرد لكونك لم تقتبسي ردي عندما قمتي بمشاركة الملفات ولذلك لم يأتيني إشعار بالأمر ولاسيما اني نسيت متابعة النقاش،

الكود الصحيح يجب ان يكون بالشكل التالي :

<!DOCTYPE html>
  <html>

  <head>
  <title>ابحث عن الطالب</title>
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
</head>

<body>
  <input type="file" id="fileInput">
    <button onclick="searchStudent()">ابحث عن الطالب</button>

<div id="studentData"></div>

<script>
  function searchStudent() {
  var studentId = 11446;// ************************************************* التعديل هنا
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
  var reader = new FileReader();

  reader.onload = function (e) {
    var data = new Uint8Array(e.target.result);
    var workbook = XLSX.read(data, { type: 'array' });
    var worksheet = workbook.Sheets[workbook.SheetNames[0]];
    var jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });    
    var studentData = jsonData.filter(function (row) {
      return row[0] === studentId; 
    });
    if (studentData.length > 0) {
      var studentInfo = studentData[0];
      var studentDataElement = document.getElementById('studentData');
      studentDataElement.innerHTML = 'اسم الطالب: ' + studentInfo[1] + '<br>الحاسوب: ' + studentInfo[2];
    } else {
      console.log('لم يتم العثور على بيانات;');
    }
  };

  reader.readAsArrayBuffer(file);
}
</script>
</body>

</html>

حيث ان الكود الخاص بك يعمل على ما يرام والخطأ الوحيد هو انك كتبت excel-File.xlsx مكان رقم الطالب الذي تبحث عنه.

  • 0
نشر
  بتاريخ On 29‏/9‏/2023 at 15:54 قال عمر قره محمد:

اعتذر عن التأخر في الرد لكونك لم تقتبسي ردي عندما قمتي بمشاركة الملفات ولذلك لم يأتيني إشعار بالأمر ولاسيما اني نسيت متابعة النقاش،

الكود الصحيح يجب ان يكون بالشكل التالي :

<!DOCTYPE html>
  <html>

  <head>
  <title>ابحث عن الطالب</title>
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
</head>

<body>
  <input type="file" id="fileInput">
    <button onclick="searchStudent()">ابحث عن الطالب</button>

<div id="studentData"></div>

<script>
  function searchStudent() {
  var studentId = 11446;// ************************************************* التعديل هنا
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
  var reader = new FileReader();

  reader.onload = function (e) {
    var data = new Uint8Array(e.target.result);
    var workbook = XLSX.read(data, { type: 'array' });
    var worksheet = workbook.Sheets[workbook.SheetNames[0]];
    var jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });    
    var studentData = jsonData.filter(function (row) {
      return row[0] === studentId; 
    });
    if (studentData.length > 0) {
      var studentInfo = studentData[0];
      var studentDataElement = document.getElementById('studentData');
      studentDataElement.innerHTML = 'اسم الطالب: ' + studentInfo[1] + '<br>الحاسوب: ' + studentInfo[2];
    } else {
      console.log('لم يتم العثور على بيانات;');
    }
  };

  reader.readAsArrayBuffer(file);
}
</script>
</body>

</html>

حيث ان الكود الخاص بك يعمل على ما يرام والخطأ الوحيد هو انك كتبت excel-File.xlsx مكان رقم الطالب الذي تبحث عنه.

أظهر المزيد  

للأسف عدلته بس ماأشتغلش ... لو انت فعلته فى الموقع ارسله لى وشن ممكن المشاكل اللى ماخلاتاش يخدم عندى

فيه ملاحظه أيضا 

مسار ملف الاكسل اللى ح يتم استرداد البيانات منه غير موجود ع الكود بلكى هذه المشكله

  • 0
نشر
  بتاريخ On 2‏/10‏/2023 at 22:37 قال وديعة الله:

للأسف عدلته بس ماأشتغلش ... لو انت فعلته فى الموقع ارسله لى وشن ممكن المشاكل اللى ماخلاتاش يخدم عندى

فيه ملاحظه أيضا 

مسار ملف الاكسل اللى ح يتم استرداد البيانات منه غير موجود ع الكود بلكى هذه المشكله

أظهر المزيد  

قومي بتحميل الملف الذي اسلتيه لي، ثم عدلي كود الـ html بشكل السابق ويجب ان يعمل، 

عند تشغيل الملف الـ html قومي بتشغيله من الـ live server وليس من مدير الملفات

  • 0
نشر

حتى شغلته من ال live server  مازال فيه خطأ بس ماعرفت وين الخطأ ماتطلع نتيجة البحث

  بتاريخ On 3‏/10‏/2023 at 02:22 قال عمر قره محمد:

قومي بتحميل الملف الذي اسلتيه لي، ثم عدلي كود الـ html بشكل السابق ويجب ان يعمل، 

عند تشغيل الملف الـ html قومي بتشغيله من الـ live server وليس من مدير الملفات

أظهر المزيد  

حتى شغلته من ال live server  ماتطلع النتيجه مازال فيه خطأ بس ماعرفت وين الغلط

  • 0
نشر
  بتاريخ On 9‏/10‏/2023 at 04:45 قال وديعة الله:

حتى شغلته من ال live server  مازال فيه خطأ بس ماعرفت وين الخطأ ماتطلع نتيجة البحث

حتى شغلته من ال live server  ماتطلع النتيجه مازال فيه خطأ بس ماعرفت وين الغلط

أظهر المزيد  

لقد جربت الكود وعمل على ما يرام، 

هل يمكنك شرح مشكلتك، وماهي النتيجة المتوقعة من الكود ؟

  • 0
نشر
  بتاريخ On 9‏/10‏/2023 at 07:27 قال عمر قره محمد:

لقد جربت الكود وعمل على ما يرام، 

هل يمكنك شرح مشكلتك، وماهي النتيجة المتوقعة من الكود ؟

أظهر المزيد  

على أمل أن الكود يسمح لى بالبحث فى فى ملف اكسل 

على أن اكتب رقم القيد ويظهر لى النتيجه 

ولكن عندما جربته لم يظهر لى شيأ 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...