दिलचस्प पोस्ट
कोड में maven pom.xml से संस्करण पुनर्प्राप्त करें PHP का उपयोग करते हुए कॉलम में सभी मान कैसे प्राप्त होते हैं? jQuery के उपयोग से एक तत्व का प्रकार ढूंढना AJAX पोस्ट त्रुटि: असुरक्षित हेडर "कनेक्शन" सेट करने के लिए मना कर दिया सर्वर 2008 पर विंडोज सर्विस के जरिए ऑटोमेटिंग ऑफिस आप तारीखों / समयों को एक समय क्षेत्र से दूसरे में कैसे बदल सकते हैं? सी # का उपयोग करते हुए उपलब्ध वीडियो मोड की सूची कैसे करें? कैसे सी # संकलक COM प्रकारों का पता लगाता है? एक एसटीएल सूची / संकेतक की सदिश सफाई मैं सी में एक हेक्साडेसिमल स्ट्रिंग में एक पूर्णांक को कैसे परिवर्तित कर सकता / सकती हूं? विंडोज 7 शुद्ध एक्सेल .SaveAs () HRESULT से त्रुटि अपवाद: 0x800A03EC Ggplot2 के साथ आर में प्रत्येक बार के लिए geom_bar पर लेबल कैसे डालें एंड्रॉइड – वेबसर्वर से फाइल कैसे डाउनलोड करें सी / सी ++ मैक्रो स्ट्रिंग कंसैनेटेशन ITextSharp के साथ पीडीएफ संपीड़न

Jquery UI संवाद में "पुष्टिकरण" संवाद को कैसे कार्यान्वित करें?

मैं बदसूरत javascript:alert() बॉक्स को बदलने के लिए JQuery UI संवाद का उपयोग करने का प्रयास कर रहा हूं। मेरे परिदृश्य में, मेरे पास आइटम की एक सूची है, और उनमें से प्रत्येक व्यक्ति के बगल में, उनमें से प्रत्येक के लिए "हटाएं" बटन होगा psuedo html सेटअप कुछ ऐसा होगा:

 <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> 

जेक्यू भाग में, दस्तावेज़ तैयार करने पर, मैं पहले डिवा को आवश्यक बटन के साथ एक मोडल डायलॉग करने के लिए सेटअप करता था, और निकालने से पहले पुष्टि करने के लिए "a" सेट करता हूं, जैसे:

 $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } 

ठीक है, यहां समस्या है init समय के दौरान, संवाद को यह नहीं पता होगा कि (आइटम) किसने आग लगा दी है, और आइटम आईडी (!) भी। यदि उपयोगकर्ता अभी भी हां चुनते हैं तो मैं उन पुष्टिकरण बटनों का व्यवहार कैसे सेटअप कर सकता हूं, यह लिंक हटाने के लिए लिंक का पालन करेगा?

वेब के समाधान से एकत्रित समाधान "Jquery UI संवाद में "पुष्टिकरण" संवाद को कैसे कार्यान्वित करें?"

मुझे एक ही समस्या को हल करना पड़ा इसे काम करने के लिए कुंजी यह थी कि इस dialog आंशिक रूप से click ईवेंट हैंडलर में उस लिंक के लिए आरम्भ किया जाना चाहिए जो आप पुष्टि कार्यक्षमता का उपयोग करना चाहते हैं (यदि आप इसे एक से अधिक लिंक के लिए उपयोग करना चाहते हैं) इसका कारण यह है कि लिंक के लिए लक्ष्य URL को पुष्टि बटन क्लिक के लिए ईवेंट हैंडलर में इंजेक्ट किया जाना चाहिए। मैं यह इंगित करने के लिए एक सीएसएस वर्ग का उपयोग करता हूं कि कौन-सा कड़ियों को पुष्टिकरण व्यवहार होना चाहिए।

यहाँ मेरा समाधान है, उदाहरण के लिए उपयुक्त होने के लिए दूर समतल।

 <div id="dialog" title="Confirmation Required"> Are you sure about this? </div> <script type="text/javascript"> $(document).ready(function() { $("#dialog").dialog({ autoOpen: false, modal: true }); }); $(".confirmLink").click(function(e) { e.preventDefault(); var targetUrl = $(this).attr("href"); $("#dialog").dialog({ buttons : { "Confirm" : function() { window.location.href = targetUrl; }, "Cancel" : function() { $(this).dialog("close"); } } }); $("#dialog").dialog("open"); }); </script> <a class="confirmLink" href="http://someLinkWhichRequiresConfirmation.com">Click here</a> <a class="confirmLink" href="http://anotherSensitiveLink">Or, you could click here</a> 

मेरा मानना ​​है कि यह आपके लिए काम करेगा, यदि आप सीएसएस वर्ग ( confirmLink करें लिंक, मेरे उदाहरण में) के साथ अपने लिंक उत्पन्न कर सकते हैं।

यहां कोड के साथ एक जेएसफ़िल्ड है I

पूर्ण प्रकटीकरण के हित में, मैं ध्यान दूंगा कि मैंने इस विशेष समस्या पर कुछ मिनट बिताए हैं और मैंने इस प्रश्न का एक समान उत्तर दिया है, जो उस समय स्वीकृत उत्तर के बिना भी था।

मुझे पौलुस का जवाब मिला, जैसा कि वह क्लिक करने पर गलत हो गया, संवाद के बाद विकल्पों को स्थापित करने के तरीके के रूप में काफी काम नहीं किया। यह मेरा कोड है जो काम कर रहा था। मैंने इसे पॉल के उदाहरण से मेल करने के लिए तैयार नहीं किया है, लेकिन कुछ तत्वों के संदर्भ में केवल एक बिल्ली का कवच का अंतर अलग-अलग नाम दिया गया है। आप इसे बाहर काम करने में सक्षम होना चाहिए सुधार, क्लिक ईवेंट के बटन के लिए संवाद विकल्प के सेटर में है।

 $(document).ready(function() { $("#dialog").dialog({ modal: true, bgiframe: true, width: 500, height: 200, autoOpen: false }); $(".lb").click(function(e) { e.preventDefault(); var theHREF = $(this).attr("href"); $("#dialog").dialog('option', 'buttons', { "Confirm" : function() { window.location.href = theHREF; }, "Cancel" : function() { $(this).dialog("close"); } }); $("#dialog").dialog("open"); }); }); 

उम्मीद है कि इस पद के रूप में किसी और को मदद मिलेगी, मूल रूप से मुझे सही रास्ते पर पहुंचा था मैंने सोचा था कि मैं बेहतर सुधार के बाद पोस्ट करूंगा।

मैंने एक jquery UI पुष्टि संवाद के लिए अपना स्वयं का फ़ंक्शन बना लिया है यहां कोड है

 function myConfirm(dialogText, okFunc, cancelFunc, dialogTitle) { $('<div style="padding: 10px; max-width: 500px; word-wrap: break-word;">' + dialogText + '</div>').dialog({ draggable: false, modal: true, resizable: false, width: 'auto', title: dialogTitle || 'Confirm', minHeight: 75, buttons: { OK: function () { if (typeof (okFunc) == 'function') { setTimeout(okFunc, 50); } $(this).dialog('destroy'); }, Cancel: function () { if (typeof (cancelFunc) == 'function') { setTimeout(cancelFunc, 50); } $(this).dialog('destroy'); } } }); } 

अब अपने कोड में इसका उपयोग करने के लिए, बस निम्नलिखित लिखिए

 myConfirm('Do you want to delete this record ?', function () { alert('You clicked OK'); }, function () { alert('You clicked Cancel'); }, 'Confirm Delete' ); 

जारी रखें।

सरल और कम समाधान है कि मैंने अभी कोशिश की और यह काम करता है

  $('.confirm').click(function() { $(this).removeClass('confirm'); $(this).text("Sure?"); $(this).unbind(); return false; }); 

तो बस क्लास जोड़ें = "पुष्टि करें" अपने एक लिंक के लिए और यह काम करता है!

यह मेरा समाधान है .. मुझे आशा है कि यह किसी को भी मदद करता है। यह नकल के बजाय उड़ने पर लिखा है, इसलिए किसी भी गलती के लिए मुझे माफ कर दो।

 $("#btn").on("click", function(ev){ ev.preventDefault(); dialog.dialog("open"); dialog.find(".btnConfirm").on("click", function(){ // trigger click under different namespace so // click handler will not be triggered but native // functionality is preserved $("#btn").trigger("click.confirmed"); } dialog.find(".btnCancel").on("click", function(){ dialog.dialog("close"); } }); 

निजी तौर पर मैं यह समाधान पसंद करता हूं 🙂

संपादित करें: क्षमा करें .. मैं सच में विस्तार से इसे और अधिक समझाया। मुझे यह पसंद है क्योंकि मेरी राय में यह एक शानदार समाधान है। जब उपयोगकर्ता उस बटन को क्लिक करता है जिसे पहले पुष्टि करने की आवश्यकता होती है तो ईवेंट रद्द कर दिया जाता है क्योंकि यह होना चाहिए। जब पुष्टिकरण बटन पर क्लिक किया जाता है तो समाधान एक लिंक क्लिक को अनुकरण करने के लिए नहीं बल्कि मूल बटन पर ट्रिगर करने के लिए मूल मूल बटन पर ट्रिगर करने के लिए नहीं है, जो कि कोई पुष्टि संवाद नहीं था। एक अलग इवेंट नेमस्पेस (केवल इस मामले में 'पुष्टि') में फर्क सिर्फ इसलिए कि पुष्टिकरण संवाद दोबारा नहीं दिखाया गया है। Jquery मूल तंत्र तब ले जा सकते हैं और उम्मीद की जाती के रूप में चीजें चला सकती हैं एक और फायदा यह है कि इसका इस्तेमाल बटन और हाइपरलिंक्स के लिए किया जा सकता है। मुझे आशा है कि मैं काफी स्पष्ट था।

मुझे पता है कि यह एक पुराना सवाल है, लेकिन यहां MVC4 में HTML5 डेटा विशेषताओं का उपयोग करते हुए मेरा समाधान है:

 <div id="dialog" title="Confirmation Required" data-url="@Url.Action("UndoAllPendingChanges", "Home")"> Are you sure about this? </div> 

जेएस कोड:

 $("#dialog").dialog({ modal: true, autoOpen: false, buttons: { "Confirm": function () { window.location.href = $(this).data('url'); }, "Cancel": function () { $(this).dialog("close"); } } }); $("#TheIdOfMyButton").click(function (e) { e.preventDefault(); $("#dialog").dialog("open"); }); 

ये करेगा?

 $("ul li a").click(function(e) { e.preventDefault(); $('#confirmDialog').show(); var delete_path = $(this).attr('href'); $('#confirmDialog a.ok').unbind('click'); // just in case the cancel link // is not the only way you can // close your dialog $('#confirmDialog a.ok').click(function(e) { e.preventDefault(); window.location.href = delete_path; }); }); $('#confirmDialog a.cancel').click(function(e) { e.preventDefault(); $('#confirmDialog').hide(); $('#confirmDialog a.ok').unbind('click'); }); 

ऊपरोक्त अनुसार। पिछली पोस्ट मुझे सही रास्ते पर मिलीं इस तरह मैंने यह किया है। विचार तालिका में हर पंक्ति के आगे एक छवि (डेटाबेस से PHP स्क्रिप्ट द्वारा उत्पन्न) के पास होना है। जब एक छवि पर क्लिक किया जाता है, तो यूजर को यूआरएल पर पुनर्निर्देशित किया जाता है, और इसके परिणामस्वरूप, jQuery के यूआई संवाद में क्लिक किए गए रिकॉर्ड से संबंधित कुछ डेटा दिखाते समय उचित रिकॉर्ड को डेटाबेस से हटा दिया जाएगा।

जावास्क्रिप्ट कोड:

 $(document).ready(function () { $("#confirmDelete").dialog({ modal: true, bgiframe: true, autoOpen: false }); }); function confirmDelete(username, id) { var delUrl = "/users/delete/" + id; $('#confirmDelete').html("Are you sure you want to delete user: '" + username + "'"); $('#confirmDelete').dialog('option', 'buttons', { "No": function () { $(this).dialog("close"); }, "Yes": function () { window.location.href = delUrl; } }); $('#confirmDelete').dialog('open'); } 

डायलॉग डिवी:

 <div id="confirmDelete" title="Delete User?"></div> 

छवि लिंक:

 <img src="img/delete.png" alt="Delete User" onclick="confirmDelete('<?=$username;?>','<?=$id;?>');"/> 

इस तरह से आप संवाद बॉक्स में PHP लूप मानों से गुजर सकते हैं। केवल नकारात्मक पक्ष वास्तव में कार्रवाई करने के लिए GET विधि का उपयोग कर रहा है।

इस बारे में कैसा है:

 $("ul li a").click(function() { el = $(this); $("#confirmDialog").dialog({ autoOpen: false, resizable:false, draggable:true, modal: true, buttons: { "Ok": function() { el.parent().remove(); $(this).dialog("close"); } } }); $("#confirmDialog").dialog("open"); return false; }); 

मैंने इसे इस html पर परीक्षण किया है:

 <ul> <li><a href="#">Hi 1</a></li> <li><a href="#">Hi 2</a></li> <li><a href="#">Hi 3</a></li> <li><a href="#">Hi 4</a></li> </ul> 

यह संपूर्ण ली तत्व को निकालता है, आप इसे अपनी आवश्यकताओं पर अनुकूलित कर सकते हैं।

(03/22/2016 के अनुसार, लिंक किए गए पेज पर डाउनलोड काम नहीं करता है.मैं इस लिंक को यहां छोड़ रहा हूं, अगर डेवलपर किसी बिंदु पर इसे ठीक करता है क्योंकि यह एक महान छोटा प्लगइन है। मूल पोस्ट निम्न है। वैकल्पिक, और एक लिंक जो वास्तव में काम करता है: jquery.confirm ।)

यह आपकी आवश्यकताओं के लिए बहुत आसान हो सकता है, लेकिन आप इस jQuery की पुष्टि प्लगइन को आज़मा सकते हैं। कई मामलों में इसका उपयोग करना वास्तव में आसान है और नौकरी करता है

जितना मैं eval का उपयोग करने से नफरत करता हूं, यह मेरे लिए सबसे आसान तरीका है, विभिन्न परिस्थितियों के आधार पर कई समस्याओं के बिना। जावास्क्रिप्ट सेटटाइमआउट फ़ंक्शन के समान।

 <a href="#" onclick="javascript:confirm('do_function(params)');">Confirm</a> <div id="dialog-confirm" title="Confirm" style="display:none;"> <p>Are you sure you want to do this?</p> </div> <script> function confirm(callback){ $( "#dialog-confirm" ).dialog({ resizable: false, height:140, modal: false, buttons: { "Ok": function() { $( this ).dialog( "close" ); eval(callback) }, Cancel: function() { $( this ).dialog( "close" ); return false; } } }); } function do_function(params){ console.log('approved'); } </script> 

मैं अपने आप में भाग गया और एक समाधान के साथ समाप्त हुआ, जो यहां कई उत्तरों के समान है, लेकिन थोड़ा अलग ढंग से लागू किया गया है मुझे जावास्क्रिप्ट के कई टुकड़े, या एक प्लेसहोल्डर डिवेल कहीं न कहीं पसंद नहीं था मैं एक सामान्यीकृत समाधान चाहता था, जिसे तब प्रत्येक उपयोग के लिए जावास्क्रिप्ट को जोड़ते बिना HTML में उपयोग किया जा सकता था यहां मैं किसके साथ आया था (यह ज्वेलरी आईई की आवश्यकता है):

जावास्क्रिप्ट:

 $(function() { $("a.confirm").button().click(function(e) { e.preventDefault(); var target = $(this).attr("href"); var content = $(this).attr("title"); var title = $(this).attr("alt"); $('<div>' + content + '</div>'). dialog({ draggable: false, modal: true, resizable: false, width: 'auto', title: title, buttons: { "Confirm": function() { window.location.href = target; }, "Cancel": function() { $(this).dialog("close"); } } }); }); }); 

और फिर एचटीएमएल में, कोई जावास्क्रिप्ट कॉल या संदर्भ की आवश्यकता नहीं है:

 <a href="http://www.google.com/" class="confirm" alt="Confirm test" title="Are you sure?">Test</a> 

चूंकि शीर्षक विशेषता को डिव सामग्री के लिए उपयोग किया जाता है, इसलिए उपयोगकर्ता बटन पर मँडरा करके पुष्टि का प्रश्न भी प्राप्त कर सकता है (इसलिए मैंने टाइल के लिए उपयोगकर्ता को शीर्षक विशेषता नहीं दी)। पुष्टिकरण विंडो का शीर्षक ऑल्ट टैग की सामग्री है। जावास्क्रिप्ट स्निप को एक सामान्यीकृत .js में शामिल किया जा सकता है, और बस एक क्लास को लागू करने से, जिसमें आपके पास एक सुंदर पुष्टि विंडो है।

 $("ul li a").live('click', function (e) { e.preventDefault(); $('<div></div>').appendTo('body') .html('<div><h6>Are you sure about this?</h6></div>') .dialog({ modal: true, title: 'Delete message', zIndex: 10000, autoOpen: true, width: 'auto', modal: true, resizable: false, buttons: { Confirm: function () { // $(obj).removeAttr('onclick'); // $(obj).parents('.Parent').remove(); $(this).dialog("close"); window.location.reload(); }, No: function () { $(this).dialog("close"); } }, Cancel: function (event, ui) { $(this).remove(); } }); return false; }); 

नोट: टिप्पणी करने के लिए पर्याप्त प्रतिनिधि नहीं है, लेकिन BineG का उत्तर होमर द्वारा हाइलाइट किए गए एएसपीएक्स पेजों के साथ पोस्टबैक मुद्दों को हल करने में पूरी तरह से काम करता है। सम्मान में, यहां गतिशील संवाद का उपयोग करते हुए एक भिन्नता है

 $('#submit-button').bind('click', function(ev) { var $btn = $(this); ev.preventDefault(); $("<div />").html("Are you sure?").dialog({ modal: true, title: "Confirmation", buttons: [{ text: "Ok", click: function() { $btn.trigger("click.confirmed"); $(this).dialog("close"); } }, { text: "Cancel", click: function() { $(this).dialog("close"); } }] }).show(); }); 

जावास्क्रिप्ट के स्पर्श के साथ आसान तरीका

 $("#myButton").click(function(event) { var cont = confirm('Continue?'); if(cont) { // do stuff here if OK was clicked return true; } // If cancel was clicked button execution will be halted. event.preventDefault(); } 

ऊपर की एक अन्य विविधता जहां यह जांचता है कि नियंत्रण या तो एक 'asp: linkbutton' या 'asp: button' है जो दो भिन्न html नियंत्रणों के रूप में प्रस्तुत करता है। मेरे लिए सिर्फ ठीक काम करने लगता है, लेकिन बड़े पैमाने पर इसे परीक्षण नहीं किया है

  $(document).on("click", ".confirm", function (e) { e.preventDefault(); var btn = $(this); $("#dialog").dialog('option', 'buttons', { "Confirm": function () { if (btn.is("input")) { var name = btn.attr("name"); __doPostBack(name, '') } else { var href = btn.attr("href"); window.location.href = href; } $(this).dialog("close"); }, "Cancel": function () { $(this).dialog("close"); } }); $("#dialog").dialog("open"); }); 

मैं एक एएसपी.नेट ग्रिडव्यू (ग्रिडव्वेज कंट्रोल बिल्ड इन कमांड्स) के अंदर लिंक-बटन पर उपयोग करने के लिए देख रहा था इसलिए संवाद में "पुष्टि" क्रिया को रन-टाइम पर ग्रिडव्यू नियंत्रण द्वारा उत्पन्न स्क्रिप्ट को सक्रिय करने की आवश्यकता है। यह मेरे लिए काम किया:

  $(".DeleteBtnClass").click(function (e) { e.preventDefault(); var inlineFunction = $(this).attr("href") + ";"; $("#dialog").dialog({ buttons: { "Yes": function () { eval(inlineFunction); // eval() can be harmful! }, "No": function () { $(this).dialog("close"); } } }); }); 

मुझे पता है कि यह प्रश्न पुराना है लेकिन यह पहली बार था कि मुझे पुष्टिकरण संवाद का उपयोग करना पड़ा। मुझे लगता है कि यह ऐसा करने का सबसे छोटा तरीका है।

 $(element).onClick(function(){ // This can be a function or whatever, this is just a trigger var conBox = confirm("Are you sure ?"); if(conBox){ // Do what you have to do } else return; }); 

मुझे आशा है कि आप इसे पसंद करते हो 🙂

निजी तौर पर मैं इसे कई एएसपी.नेट एमवीसी अनुप्रयोगों के कई दृश्यों में एक आवर्ती आवश्यकता के रूप में देखता हूं।

यही कारण है कि मैंने एक मॉडल वर्ग और एक आंशिक दृश्य परिभाषित किया है:

 using Resources; namespace YourNamespace.Models { public class SyConfirmationDialogModel { public SyConfirmationDialogModel() { this.DialogId = "dlgconfirm"; this.DialogTitle = Global.LblTitleConfirm; this.UrlAttribute = "href"; this.ButtonConfirmText = Global.LblButtonConfirm; this.ButtonCancelText = Global.LblButtonCancel; } public string DialogId { get; set; } public string DialogTitle { get; set; } public string DialogMessage { get; set; } public string JQueryClickSelector { get; set; } public string UrlAttribute { get; set; } public string ButtonConfirmText { get; set; } public string ButtonCancelText { get; set; } } } 

और मेरा आंशिक दृश्य:

 @using YourNamespace.Models; @model SyConfirmationDialogModel <div id="@Model.DialogId" title="@Model.DialogTitle"> @Model.DialogMessage </div> <script type="text/javascript"> $(function() { $("#@Model.DialogId").dialog({ autoOpen: false, modal: true }); $("@Model.JQueryClickSelector").click(function (e) { e.preventDefault(); var sTargetUrl = $(this).attr("@Model.UrlAttribute"); $("#@Model.DialogId").dialog({ buttons: { "@Model.ButtonConfirmText": function () { window.location.href = sTargetUrl; }, "@Model.ButtonCancelText": function () { $(this).dialog("close"); } } }); $("#@Model.DialogId").dialog("open"); }); }); </script> 

और फिर, जब भी आपको इसकी आवश्यकता होती है, तो आप @ एचटीएमएल.पार्टील का उपयोग करते हैं (इसमें अनुभाग लिपियों में ऐसा होता है, जिससे कि jQuery को परिभाषित किया गया है):

 @Html.Partial("_ConfirmationDialog", new SyConfirmationDialogModel() { DialogMessage = Global.LblConfirmDelete, JQueryClickSelector ="a[class=SyLinkDelete]"}) 

यह चाल JQueryClickSelector निर्दिष्ट करने के लिए है, जो एक पुष्टिकरण संवाद की आवश्यकता वाले तत्वों से मेल खाएगा। मेरे मामले में, वर्ग के सभी एंकर वर्ग SyLinkDelete लेकिन यह पहचानकर्ता, एक अलग वर्ग आदि हो सकता है। मेरे लिए यह एक सूची थी:

 <a title="Delete" class="SyLinkDelete" href="/UserDefinedList/DeleteEntry?Params"> <img class="SyImageDelete" alt="Delete" src="/Images/DeleteHS.png" border="0"> </a> 

बहुत लोकप्रिय विषय और Google ने "jquery संवाद बंद के लिए यह पाया है कि कौन सी घटना पर क्लिक किया गया था" क्वेरी। मेरा समाधान हां, हाँ, नहीं, ESC_KEY, X घटनाओं को ठीक से व्यवस्थित करता है। मैं चाहता हूं कि मेरी कॉलबैक फ़ंक्शन को कोई फर्क नहीं पड़ता कि संवाद कैसे निपटारा किया गया था।

 function dialog_YES_NO(sTitle, txt, fn) { $("#dialog-main").dialog({ title: sTitle, resizable: true, //height:140, modal: true, open: function() { $(this).data("retval", false); $(this).text(txt); }, close: function(evt) { var arg1 = $(this).data("retval")==true; setTimeout(function() { fn(arg1); }, 30); }, buttons: { "Yes": function() { $(this).data("retval", true); $(this).dialog("close"); }, "No": function() { $(this).data("retval", false); $(this).dialog("close"); } } }); } - - - - dialog_YES_NO("Confirm Delete", "Delete xyz item?", function(status) { alert("Dialog retval is " + status); }); 

ब्राउज़र को एक नया यूआरएल में रीडायरेक्ट करना या फंक्शन रिवेंटल पर कुछ और करना आसान है।

यहां कई अच्छे उत्तर दिए गए हैं;) यह मेरा दृष्टिकोण है Eval () उपयोग के समान

 function functionExecutor(functionName, args){ functionName.apply(this, args); } function showConfirmationDialog(html, functionYes, fYesArgs){ $('#dialog').html(html); $('#dialog').dialog({ buttons : [ { text:'YES', click: function(){ functionExecutor(functionYes, fYesArgs); $(this).dialog("close"); }, class:'green' }, { text:'CANCEL', click: function() { $(this).dialog("close"); }, class:'red' } ] }); } 

और उपयोग ऐसा दिखता है:

 function myTestYesFunction(arg1, arg2){ alert("You clicked YES:"+arg1+arg2); } function toDoOrNotToDo(){ showConfirmationDialog("Dialog text", myTestYesFunction, ['My arg 1','My arg 2']); } 

बॉक्स के बाहर JQuery UI यह समाधान प्रदान करता है:

 $( function() { $( "#dialog-confirm" ).dialog({ resizable: false, height: "auto", width: 400, modal: true, buttons: { "Delete all items": function() { $( this ).dialog( "close" ); }, Cancel: function() { $( this ).dialog( "close" ); } } }); } ); 

एचटीएमएल

 <div id="dialog-confirm" title="Empty the recycle bin?"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"> </span>These items will be permanently deleted and cannot be recovered. Are you sure?</p> </div> 

आप इसे JQuery फ़ंक्शन के लिए एक नाम प्रदान करके और एक पैरामीटर के रूप में प्रदर्शित टेक्स्ट / शीर्षक को पारित करके इसे और अनुकूलित कर सकते हैं।

संदर्भ: https://jqueryui.com/dialog/#modal-confirmation

अच्छी तरह से यह आपके सवालों का जवाब है …

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>Santa Luisa</TITLE> <style> body{margin:0;padding:0;background-color:#ffffff;} a:link {color:black;} a:visited {color:black;} a:hover {color:red;} a:active {color:red;} </style> </HEAD> <body> <link rel="stylesheet" href="jquery/themes/base/jquery.ui.all.css"> <script src="jquery-1.4.4.js"></script> <script src="external/jquery.bgiframe-2.1.2.js"></script> <script src="ui/jquery.ui.core.js"></script> <script src="ui/jquery.ui.widget.js"></script> <script src="ui/jquery.ui.mouse.js"></script> <script src="ui/jquery.ui.draggable.js"></script> <script src="ui/jquery.ui.position.js"></script> <script src="ui/jquery.ui.resizable.js"></script> <script src="ui/jquery.ui.dialog.js"></script> <link rel="stylesheet" href="demos.css"> <script> var lastdel; $(function() { $( "#dialog" ).dialog({ autoOpen: false,modal: true,closeOnEscape: true }); $(".confirmLink").click(function(e) { e.preventDefault(); var lastdel = $(this).attr("href"); }); $("#si").click( function() { $('#dialog').dialog('close'); window.location.href =lastdel; }); $("#no").click( function() { $('#dialog').dialog('close'); }); }); </script> <SCRIPT LANGUAGE="JavaScript"> <!-- var currentimgx; var cimgoverx=200-6; var cimgoutx=200; function overbx(obj){ color='#FF0000'; width='3px'; obj.style.borderTopWidth = width; obj.style.borderTopColor =color; obj.style.borderTopStyle ='solid'; obj.style.borderLeftWidth = width; obj.style.borderLeftColor =color; obj.style.borderLeftStyle ='solid'; obj.style.borderRightWidth = width; obj.style.borderRightColor =color; obj.style.borderRightStyle ='solid'; obj.style.borderBottomWidth = width; obj.style.borderBottomColor =color; obj.style.borderBottomStyle ='solid'; currentimgx.style.width=cimgoverx+"px"; currentimgx.style.height=cimgoverx+"px"; } function outbx(obj){ obj.style.borderTopWidth = '0px'; obj.style.borderLeftWidth = '0px'; obj.style.borderRightWidth = '0px'; obj.style.borderBottomWidth = '0px'; currentimgx.style.width=cimgoutx+"px"; currentimgx.style.height=cimgoutx+"px"; } function ifocusx(obj){ color='#FF0000'; width='3px'; obj.style.borderTopWidth = width; obj.style.borderTopColor =color; obj.style.borderTopStyle ='solid'; obj.style.borderLeftWidth = width; obj.style.borderLeftColor =color; obj.style.borderLeftStyle ='solid'; obj.style.borderRightWidth = width; obj.style.borderRightColor =color; obj.style.borderRightStyle ='solid'; obj.style.borderBottomWidth = width; obj.style.borderBottomColor =color; obj.style.borderBottomStyle ='solid'; } function iblurx(obj){ color='#000000'; width='3px'; obj.style.borderTopWidth = width; obj.style.borderTopColor =color; obj.style.borderTopStyle ='solid'; obj.style.borderLeftWidth = width; obj.style.borderLeftColor =color; obj.style.borderLeftStyle ='solid'; obj.style.borderRightWidth = width; obj.style.borderRightColor =color; obj.style.borderRightStyle ='solid'; obj.style.borderBottomWidth = width; obj.style.borderBottomColor =color; obj.style.borderBottomStyle ='solid'; } function cimgx(obj){ currentimgx=obj; } function pause(millis){ var date = new Date(); var curDate = null; do { curDate = new Date(); } while(curDate-date < millis); } //--> </SCRIPT> <div id="dialog" title="CONFERMA L`AZIONE" style="text-align:center;"> <p><FONT COLOR="#000000" style="font-family:Arial;font-size:22px;font-style:bold;COLOR:red;">CONFERMA L`AZIONE:<BR>POSSO CANCELLARE<BR>QUESTA RIGA ?</FONT></p> <p><INPUT TYPE="submit" VALUE="SI" NAME="" id="si"> --><INPUT TYPE="submit" VALUE="NO" NAME="" id="no"></p> </div> <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%" height="100%"> <TR valign="top" align="center"> <TD> <FONT COLOR="red" style="font-family:Arial;font-size:25px;font-style:bold;color:red;">Modifica/Dettagli:<font style="font-family:Arial;font-size:20px;font-style:bold;background-color:yellow;color:red;">&nbsp;298&nbsp;</font><font style="font-family:Arial;font-size:20px;font-style:bold;background-color:red;color:yellow;">dsadas&nbsp;sadsadas&nbsp;</font>&nbsp;</FONT> </TD> </TR> <tr valign="top"> <td align="center"> <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=""> <TR align="left"> <TD> <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=""> <TR align="left"> <TD> <font style="font-sixe:30px;"><span style="color:red;">1</span></font><br><TABLE class="tabela" CELLSPACING="0" CELLPADDING="0" BORDER="1" WIDTH="800px"><TR style="color:white;background-color:black;"><TD align="center">DATA</TD><TD align="center">CODICE</TD><TD align="center">NOME/NOMI</TD><TD align="center">TESTO</TD><td>&nbsp;</td><td>&nbsp;</td></TR><TR align="center"><TD>12/22/2010&nbsp;</TD><TD>298&nbsp;</TD><TD>daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD><TD><A HREF="modificarigadiario.php?codice=298" style="font-weight:bold;color:red;font-size:30px;">Modifica</A></TD><TD><A HREF="JavaScript:void(0);" style="font-weight:bold;color:red;font-size:30px;" onclick="$('#dialog').dialog('open');$('#dialog').animate({ backgroundColor: '#aa0000', color: '#fff', width: 250 }, 2000);lastdel='cancellarighe.php?codice=298&id=1';alert(lastdel);" class="confirmLink">Cancella</A></TD><TR align="center"><TD>22/10/2010&nbsp;</TD><TD>298&nbsp;</TD><TD>dfdsfsdfsf</TD><TD><A HREF="modificarigadiario.php?codice=298" style="font-weight:bold;color:red;font-size:30px;">Modifica</A></TD><TD><A HREF="JavaScript:void(0);" style="font-weight:bold;color:red;font-size:30px;" onclick="$('#dialog').dialog('open');$('#dialog').animate({ backgroundColor: '#aa0000', color: '#fff', width: 250 }, 2000);lastdel='cancellarighe.php?codice=298&id=2';alert(lastdel);" class="confirmLink">Cancella</A></TD></TABLE><font style="font-sixe:30px;"><span style="color:red;">1</span></font><br> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </td> </tr> </tbody></table> </body> </html> 

सुनिश्चित करें कि आपके पास jquery 1.4.4 और jquery.ui है