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

إظهار رسالة تأكيد عملية الحذف قبل الحذف - جافاسكريبت

احمد عطية5

السؤال

لدي في لوحة التحكم كود جافا 
وبه زر حذف 
اريد عند الضغط عليه لا ينفذ الامر تلقائي بل يسال هل تريد الحذف ام لا 








<button style="margin-top:10px;" class="btn btn-danger" onclick="onclickDeleteUsers('${idUsers}');return false;"><i class="fa fa-trash-alt"></i></button>
function onclickDeleteUsers(keyuser){
  dbUsersSearch.child(keyuser).remove()
    .then(function() {
      alert("Remove succeeded.");
      location.reload();
    })
    .catch(function(error) {
      alert("Remove failed: " + error.message);
    });
}

 

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

Recommended Posts

  • 0

يمكنك استعمال الدالة confirm() في الجافاسكربت، وهي تقوم بأخذ التأكيد من المستخدم وستقوم بإرجاع true اذا وافق المستخدم عليها وfalse اذا لم يوافق المستخدم
قم بتعديل الكود الى الشكل التالي

function onclickDeleteUsers(keyuser){
  if (confirm('هل ترغب حقاً في الحذف؟')) {
    dbUsersSearch.child(keyuser).remove()
      .then(function() {
        alert("Remove succeeded.");
        location.reload();
      })
      .catch(function(error) {
        alert("Remove failed: " + error.message);
      });
  }
}

 

يمكنك أيضاً استعمال المكتبة Sweetalert2 لكي تحصل على شكل أفضل، ستقوم بإستدعائها من ال html
 

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

ثم تعدل الكود كالتالي:

function onclickDeleteUsers(keyuser){
  Swal.fire({
    title: 'هل ترغب حقاً بالحذف؟',
    icon: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'نعم',
    cancelButtonText: 'إغلاق'
  }).then((result) => {
    if (result.isConfirmed) {
      dbUsersSearch.child(keyuser).remove()
    .then(function() {
        /*Swal.fire(
        'تم الحذف!',
        'تم الحذف من قاعدة البيانات',
        'success'
      )*/
      alert("Remove succeeded.");
      location.reload();
    })
    .catch(function(error) {
      alert("Remove failed: " + error.message);
    });
    }
  })
}

 

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

  • 0

يمكنك استخدام التابع confirm الذي يعرض على المستخدم سؤال ويمكنك اختيار اذا تريد الحذف أو لا, يمكنك استخدامها كالآتي, لنفترض لديك الكود التالي

<button onclick="onclickDeleteUsers()">خذ</button>

وهذا كود جافاسكربت

        function onclickDeleteUsers(){
            var x=window.confirm('do?');
            if(x){
                console.log(x);
            }
        }

عند الضغط على الزر سوف تظهر رسالة, ويوجد زران, الزر الاول Ok والزر الثاني Cancel, عند الضغط على Ok سوف يتم تنفيذ الكود الذي بداخل if , واذا ضغطت على Cancel لن يتم تنفيذ شيء, بداخل if قمت بطباعة قيمة المتغير x, أي سوف يرجع الي قيمة, هذه القيمة اما true او false , عند الضغط على Ok سوف يرجع true وعند الضغط Cancel سوف يرجع false , لتنفيذ هذا الامر على الكود الذي لديك يصبح هكذا

function onclickDeleteUsers(keyuser){
if(confirm("Delete user?")){
  dbUsersSearch.child(keyuser).remove()
    .then(function() {
      alert("Remove succeeded.");
      location.reload();
    })
    .catch(function(error) {
      alert("Remove failed: " + error.message);
    });
}

}

حاول تطبيق ذلك

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...