• 0

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

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








<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);
    });
}

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 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);
    });
}

}

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

انشر على الشّبكات الاجتماعية


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

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن