আমি মুছে ফেলতে ক্লিক করে একটি নিশ্চিত বার্তা পেতে চাই (এটি সম্ভবত কোনও বোতাম বা কোনও চিত্র)। যদি ব্যবহারকারী ' Ok' নির্বাচন করেন তবে মুছে ফেলা হবে, অন্যথায় যদি ' Cancel' ক্লিক করা হয় তবে কিছুই ঘটে না।
বোতামটি ক্লিক করার সময় আমি এটি প্রতিধ্বনিত করার চেষ্টা করেছি, তবে স্টোর প্রতিধ্বনি করা আমার ইনপুট বাক্সগুলি এবং পাঠ্য বাক্সগুলিকে তাদের স্টাইল এবং নকশাকে হারিয়ে ফেলছে।
উত্তর:
onclickবোতামের ইভেন্টে এটি লিখুন :
var result = confirm("Want to delete?");
if (result) {
//Logic to delete the item
}আপনি নিম্নলিখিত হিসাবে আরও ভাল ব্যবহার করতে পারেন
<a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>আপনি আপত্তিজনক জাভাস্ক্রিপ্ট এবং নিশ্চিত বার্তাটি এইচটিএমএল হোল্ড করে রেখে এটি এটি করবেন।
<a href="/delete" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>এটি খাঁটি ভ্যানিলা জেএস, আইই 9+ এর সাথে সামঞ্জস্যপূর্ণ:
var deleteLinks = document.querySelectorAll('.delete');
for (var i = 0; i < deleteLinks.length; i++) {
deleteLinks[i].addEventListener('click', function(event) {
event.preventDefault();
var choice = confirm(this.getAttribute('data-confirm'));
if (choice) {
window.location.href = this.getAttribute('href');
}
});
}এটি কর্মে দেখুন: http://codepen.io/anon/pen/NqdKZq
href="https://stackoverflow.com/delete"হবে eg অথবা একটি ফর্ম জমা উদাহরণ।
function ConfirmDelete()
{
var x = confirm("Are you sure you want to delete?");
if (x)
return true;
else
return false;
}
<input type="button" onclick="ConfirmDelete()">return confirm("…")। বুলিয়ান এবং তারপরে / অন্যথায় শাখা করার জন্য একটি ভেরিয়েবল বরাদ্দ করার দরকার নেই।
এটা চেষ্টা কর. এটা আমার জন্য কাজ করে
<a href="delete_methode_link" onclick="return confirm('Are you sure you want to Remove?');">Remove</a>এটি খুব সহজ এবং কোডের একটি লাইন
<a href="#" title="delete" class="delete" onclick="return confirm('Are you sure you want to delete this item')">Delete</a>ব্যবহারকারী 1697128 এ উন্নতি করছে (কারণ আমি এখনও এটি সম্পর্কে মন্তব্য করতে পারি না)
<script>
function ConfirmDelete()
{
var x = confirm("Are you sure you want to delete?");
if (x)
return true;
else
return false;
}
</script>
<button Onclick="return ConfirmDelete();" type="submit" name="actiondelete" value="1"><img src="images/action_delete.png" alt="Delete"></button>বাতিল চাপ দেওয়া হলে ফর্ম জমা দেওয়া বাতিল করবে
আমি যেভাবে এটি করি তা প্রস্তাব করতে চাই:
<form action="/route" method="POST">
<input type="hidden" name="_method" value="DELETE">
<input type="hidden" name="_token" value="the_token">
<button type="submit" class="btn btn-link" onclick="if (!confirm('Are you sure?')) { return false }"><span>Delete</span></button>
</form>এইচটিএমএল
<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;
}
}এইচটিএমএল:
<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');
}
});<form onsubmit="return confirm('Are you sure?');" />ফর্ম জন্য ভাল কাজ করে। ফর্ম-নির্দিষ্ট প্রশ্ন: জাভাস্ক্রিপ্ট ফর্ম জমা দিন - সাবমিশন ডায়ালগ বক্স নিশ্চিত করুন বা বাতিল করুন
<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>অনুশীলন করা
<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>ওয়েব মূল:
যদি আপনি সিএসএস ফর্ম্যাটটি সম্পন্ন করে কিছু দ্রুত সুন্দর সমাধানে আগ্রহী হন তবে আপনি সুইটএলার্টটি ব্যবহার করতে পারেন
$(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 stackoverflow 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>যখন আপনি পিএইচপি এবং মাইএসকিএল-তে কোনও কিছু মুছবেন তখন কনফর্মেশন বার্তা সেট করতে ...
এই স্ক্রিপ্ট কোডটি ব্যবহার করুন:
<script>
function Conform_Delete()
{
return conform("Are You Sure Want to Delete?");
}
</script>এই এইচটিএমএল কোডটি ব্যবহার করুন:
<a onclick="return Conform_Delete()" href="#">delete</a>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!";
}আমি জানি এটি পুরানো, তবে আমার একটি উত্তর দরকার ছিল এবং এগুলির কোনও উত্তর নেই তবে আলপেশের উত্তরটি আমার পক্ষে কাজ করেছে এবং এমন সমস্যা থাকতে পারে এমন লোকদের সাথে ভাগ করে নিতে চেয়েছিলাম।
<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. "')\"/>";এটি প্রকাশ্যে করার সঠিক উপায় নাও হতে পারে তবে এটি একটি ব্যক্তিগত সাইটে আমার পক্ষে কাজ করেছে। :)
এটা খুবই সাধারণ
function archiveRemove(any) {
var click = $(any);
var id = click.attr("id");
swal.fire({
title: 'Are you sure !',
text: "?????",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'yes!',
cancelButtonText: 'no'
}).then(function (success) {
if (success) {
$('a[id="' + id + '"]').parents(".archiveItem").submit();
}
})
}<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);
}
}
});
}খাঁটি জেএসের আরও সাধারণ উদাহরণ এখানে ClassName এবং এর সাথে বাধ্যতামূলক ইভেন্ট ব্যবহার করে।
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/stackoverflow-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/stackoverflow-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/stackoverflow-logo-dumpster.jpg" style="width:100px;height:auto;">
Delete me</button><script>
function deleteItem()
{
var resp = confirm("Do you want to delete this item???");
if (resp == true) {
//do something
}
else {
//do something
}
}
</script>এই ফাংশনটি ব্যবহার করে কল করুন onClick
"মুছে ফেলার বিষয়ে নিশ্চিতকরণ বার্তা" ব্যবহারের জন্য:
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Searching.aspx/Delete_Student_Data",
data: "{'StudentID': '" + studentID + "'}",
dataType: "json",
success: function (data) {
alert("Delete StudentID Successfully");
return true;
}জাভাস্ক্রিপ্ট মুছে ফেলা উদাহরণ সহ Angularjs
এইচটিএমএল কোড
<button ng-click="ConfirmDelete(single_play.play_id)" type="submit" name="actiondelete" value="1"><img src="images/remove.png" alt="Delete"></button>"একক_প্লে.প্লে_আইডি" হ'ল কোনও অ্যাঙ্গুলারজ ভেরিয়েবল মনে করুন আপনি মোছার ক্রিয়া চলাকালীন কোনও প্যারামিটারটি পাস করতে চান
অ্যাপ্লিকেশন মডিউলের অভ্যন্তরে 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 id="delete-{{$category->id}}" action="{{route('category.destroy',$category->id)}}" style="display: none;" method="POST">
@csrf
@method('DELETE')
</form>
<a href="#" onclick="if (confirm('Are you sure want to delete this item?')) {
event.preventDefault();
document.getElementById('delete-{{$category->id}}').submit();
}else{
event.preventDefault();
}">
<i class="fa fa-trash"></i>
</a>