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

مشكلة في كود html يقوم بالبحث في excl

وديعة الله

السؤال

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 27‏/9‏/2023 at 12:45 قال عمر قره محمد:

هي يمكنك مشاركة مجلد المشروع بالكامل مع ملف الـ excl حتى نستطيع مساعدتك بشكل افضل

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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 دقائق مضت قال عمر قره محمد:

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

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

جربته ولم تظهر نتيجه البحث 

بتاريخ On 9‏/10‏/2023 at 09: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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...