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

السؤال

نشر

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
نشر
بتاريخ 5 ساعة قال وديعة الله:

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

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

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

<!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 17: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
نشر
بتاريخ 3 ساعة قال وديعة الله:

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

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

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

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

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

  • 0
نشر

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

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

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

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

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

  • 0
نشر
بتاريخ 2 ساعة قال وديعة الله:

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

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

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

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

  • 0
نشر
بتاريخ 9 دقائق مضت قال عمر قره محمد:

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

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

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

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

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...