javascript মুছে ফেলার আগে একটি নিশ্চিত বার্তা প্রদর্শন কিভাবে?




html (24)

function ConfirmDelete()
{
  var x = confirm("Are you sure you want to delete?");
  if (x)
      return true;
  else
    return false;
}


<input type="button" onclick="ConfirmDelete()">

আমি মুছে ফেলতে ক্লিক করার জন্য একটি নিশ্চিত বার্তা পেতে চাই (এটি হয়ত একটি বোতাম বা একটি চিত্র)। ব্যবহারকারী যদি ' Ok ' নির্বাচন করে তবে মুছে ফেলুন, অন্যথায় যদি ' Cancel ' ক্লিক করা হয় তবে কিছুই ঘটবে না।

আমি বোতামটি ক্লিক করার সময় এটি প্রতিহত করার চেষ্টা করেছি, কিন্তু স্টাফ প্রতিধ্বনি করলে আমার ইনপুট বাক্সগুলি এবং পাঠ্য বাক্সগুলি তাদের শৈলী এবং নকশাটি হারাবে।


var txt;
var r = confirm("Press a button!");
if (r == true) {
   txt = "You pressed OK!";
} else {
   txt = "You pressed Cancel!";
}

var txt;
var r = confirm("Press a button!");
if (r == true) {
    txt = "You pressed OK!";
} else {
    txt = "You pressed Cancel!";
}


function del_confirm(msg,url)
        {
            if(confirm(msg))
            {
                window.location.href=url
            }
            else
            {
                false;
            }

        }



<a  onclick="del_confirm('Are you Sure want to delete this record?','<filename>.php?action=delete&id=<?<id> >')"href="#"></a>

এটি নির্বাচন অপশন বাক্সের জন্য এটি করতে অনেক কঠিন। এখানে সমাধান:

<select onchange="if (this.value == 'delete' && !confirm('THIS ACTION WILL DELETE IT!\n\nAre you sure?')){this.value=''}">
    <option value=''> &nbsp; </option>
    <option value="delete">Delete Everything</option>
</select>

var x = confirm("Are you sure you want to send sms?");
if (x)
    return true;
else
    return false;  

আমি এটা পুরানো জানি, কিন্তু আমার একটি উত্তর দরকার এবং এর মধ্যে অলস ছিল কিন্তু আল্পেশের উত্তর আমার জন্য কাজ করে এবং একই সমস্যা থাকতে পারে এমন লোকেদের সাথে ভাগ করে নিতে চায়।

<script>    
function confirmDelete(url) {
    if (confirm("Are you sure you want to delete this?")) {
        window.open(url);
    } else {
        false;
    }       
}
</script>

সাধারন সংস্করণ:

<input type="button" name="delete" value="Delete" onClick="confirmDelete('delete.php?id=123&title=Hello')">

আমার পিএইচপি সংস্করণ:

$deleteUrl = "delete.php?id=" .$id. "&title=" .$title;
echo "<input type=\"button\" name=\"delete\" value=\"Delete\" onClick=\"confirmDelete('" .$deleteUrl. "')\"/>";

এটি প্রকাশ্যে প্রকাশ করার সঠিক উপায় হতে পারে না তবে এটি একটি ব্যক্তিগত সাইটে আমার জন্য কাজ করেছে। :)


এইচটিএমএল:

<a href="#" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>

JQuery ব্যবহার করে:

$('.delete').on("click", function (e) {
    e.preventDefault();

    var choice = confirm($(this).attr('data-confirm'));

    if (choice) {
        window.location.href = $(this).attr('href');
    }
});

অনুলিপি হ্যান্ডলার ফাংশন কল পরে মিথ্যা ফেরত করা উচিত। উদাহরণস্বরূপ।

onclick="ConfirmDelete(); return false;">


<script>
function deleteItem()
{
   var resp = confirm("Do you want to delete this item???");
   if (resp == true) {
      //do something
   } 
   else {
      //do something
   }
}
</script>

onClick ব্যবহার করে এই ফাংশন কল


আপনি CSS বিন্যাসের সাথে কিছু দ্রুত সুন্দর সমাধান আগ্রহী হলে, আপনি SweetAlert ব্যবহার করতে পারেন

$(function(){
  $(".delete").click(function(){
      swal({   
	  	  title: "Are you sure?",   
		  text: "You will not be able to recover this imaginary file!",   
		  type: "warning",   
		  showCancelButton: true,   
	  	  confirmButtonColor: "#DD6B55",   
	  	  confirmButtonText: "Yes, delete it!",   
	  	  closeOnConfirm: false 
	  }, 
	  function(isConfirmed){ 
        if(isConfirmed) {
          $(".file").addClass("isDeleted");
          swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
        }
      }
    );
  });
});
html { zoom: 0.7 } /* little "hack" to make example visible in  snippet preview */
body > p { font-size: 32px }

.delete { cursor: pointer; color: #00A }
.isDeleted { text-decoration:line-through }
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://t4t5.github.io/sweetalert/dist/sweetalert-dev.js"></script>
<link rel="stylesheet" href="http://t4t5.github.io/sweetalert/dist/sweetalert.css">

<p class="file">File 1 <span class="delete">(delete)</span></p>



যখন আপনি php & mysql এ কিছু মুছবেন তখন একটি কনফিগারেশন বার্তা সেট করতে ...

এই স্ক্রিপ্ট কোড ব্যবহার করুন:

<script>
    function Conform_Delete()
    {
       return conform("Are You Sure Want to Delete?");
    }
</script>

এই এইচটিএমএল কোড ব্যবহার করুন:

<a onclick="return Conform_Delete()" href="#">delete</a>

এটা চেষ্টা কর. এটা আমার জন্য কাজ করে

 <a href="delete_methode_link" onclick="return confirm('Are you sure you want to Remove?');">Remove</a>

<a href="javascript:;" onClick="if(confirm('Are you sure you want to delete this product')){del_product(id);}else{ }" class="btn btn-xs btn-danger btn-delete" title="Del Product">Delete Product</a>


function del_product(id){
    $('.process').css('display','block');
    $('.process').html('<img src="./images/loading.gif">');
    $.ajax({
        'url':'./process.php?action=del_product&id='+id,
        'type':"post",
        success: function(result){
            info=JSON.parse(result);
            if(result.status==1){
            setTimeout(function(){
                    $('.process').hide();
                    $('.tr_'+id).hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            }else if(result.status==0){
                setTimeout(function(){
                    $('.process').hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);

                }
            }
        });
}

JQuery ব্যবহার করে:

$(".delete-link").on("click", null, function(){
        return confirm("Are you sure?");
    });

<SCRIPT LANGUAGE="javascript">
function Del()
{
var r=confirm("Are you sure?")
if(r==true){return href;}else{return false;}
}
</SCRIPT>

এটির জন্য আপনার লিঙ্ক:

<a href='edit_post.php?id=$myrow[id]'> Delete</a>

এইচটিএমএল

<input onclick="return myConfirm();" type="submit" name="deleteYear" class="btn btn-danger" value="Delete">

জাভাস্ক্রিপ্ট

<script>
function myConfirm() {
  var result = confirm("Want to delete?");
  if (result==true) {
   return true;
  } else {
   return false;
  }
}


এখানে ক্লাসName ব্যবহার করে বিশুদ্ধ JS এ আরেকটি সাধারণ উদাহরণ এবং এটির সাথে বাইন্ডিং ইভেন্ট রয়েছে।

var eraseable =  document.getElementsByClassName("eraseable");

for (var i = 0; i < eraseable.length; i++) {
    eraseable[i].addEventListener('click', delFunction, false); //bind delFunction on click to eraseables
}

function delFunction(){        
     var msg = confirm("Are you sure?");      
     if (msg == true) { 
        this.remove(); //remove the clicked element if confirmed
    }   
  };
<button class="eraseable">
<img class="eraseable" src="http://zelcs.com/wp-content/uploads/2013/02/-logo-dumpster.jpg" style="width:100px;height:auto;">
Delete me</button>

<button class="eraseable">
<img class="eraseable" src="http://zelcs.com/wp-content/uploads/2013/02/-logo-dumpster.jpg" style="width:100px;height:auto;">
Delete me</button>

<button class="eraseable">
<img class="eraseable" src="http://zelcs.com/wp-content/uploads/2013/02/-logo-dumpster.jpg" style="width:100px;height:auto;">
Delete me</button>


বোতামের onclick ইভেন্টে এটি লিখুন:

var result = confirm("Want to delete?");
if (result) {
    //Logic to delete the item
}

আমি মনে করি সবচেয়ে সহজবোধ্য সমাধান হবে:

লিঙ্ক:

<a href="http://link_to_go_to_on_success" class="delete">Delete</a>

javascript:

$('.delete').click(function () {
    return confirm("Are you sure?");
});

function confirmDelete()
{
var r=confirm("Are you sure you want to delte this image");
if (r==true)
{
//User Pressed okay. Delete

}
else
{
//user pressed cancel. Do nothing
    }
 }
<img src="deleteicon.png" onclick="confirmDelete()">

কোন এন্ট্রি মুছে ফেলা হবে তা নির্ধারণ করতে আপনি নিশ্চিত ডেটাতে কিছু ডেটা পাস করতে চাইতে পারেন


<a href="javascript:;" onClick="if(confirm('Are you sure you want to delete this product')){del_product(id);}else{ }" class="btn btn-xs btn-danger btn-delete" title="Del Product">Delete Product</a>

<!-- language: lang-js -->
<script>
function del_product(id){
    $('.process').css('display','block');
    $('.process').html('<img src="./images/loading.gif">');
    $.ajax({
        'url':'./process.php?action=del_product&id='+id,
        'type':"post",
        success: function(result){
            info=JSON.parse(result);
            if(result.status==1){
                setTimeout(function(){
                    $('.process').hide();
                    $('.tr_'+id).hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            } else if(result.status==0){
                setTimeout(function(){
                    $('.process').hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            }
        }
    });
}
</script>

জাভাস্ক্রিপ্ট সঙ্গে Angularjs উদাহরণ মুছে দিন

এইচটিএমএল কোড

<button ng-click="ConfirmDelete(single_play.play_id)" type="submit" name="actiondelete" value="1"><img src="images/remove.png" alt="Delete"></button>

"single_play.play_id" কোনও angularjs পরিবর্তনশীল মনে করে আপনি মুছে ফেলার সময় কোনও প্যারামিটার পাস করতে চান

অ্যাপ্লিকেশন মডিউল ভিতরে Angularjs কোড

$scope.ConfirmDelete = function(yy)
        {
            var x = confirm("Are you sure you want to delete?");
            if (x) {
             // Action for press ok
                $http({
                method : 'POST',
                url : 'sample.php',
                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                data: $.param({ delete_play_id : yy})
                }).then(function (response) { 
                $scope.message = response.data;
                });
            }
            else {
             //Action for cancel
                return false;
            }
        } 

অনুশীলন

<form name=myform>
<input type=button value="Try it now" 
onClick="if(confirm('Format the hard disk?'))
alert('You are very brave!');
else alert('A wise decision!')">
</form>

ওয়েব মূল:

http://www.javascripter.net/faq/confirm.htm





html