how to use bootstrap in ajax confirm dialog box

Question

1.00/5 (1 vote)

See more:

, +

Dear Experts,

I want to know how and where i use bootstrap dialog box in following script.

PLZ HELP ME.

Java

<script>

  $('body').delegate("#delete","click",function(){
      var IdDelete = $(this).attr("idd");

      if(confirm("Are you sure to delete this category")){
      {
          $.ajax(
              {
                  url:"delt.php",
                  type:"POST",
                  data:{
                      deletes:1,
                      id:IdDelete
                  },
                  success:function(){}

              });
          $(this).parents(".del_cat").animate({opacity:"hide"},"slow");
      }
      }
  });

</script>

Posted 29-Oct-15 12:05pm

Hani Mehdi

Add a Solution

Comments

George Jonsson 29-Oct-15 18:59pm

You are not using Bootstrap at all here, so you your question is not clear.

Palash Mondal_ 30-Oct-15 0:39am

Your question is not clear. Could you pls add more details to it like what type of bootstrap dialog box is it?, etc.

Nathan Minier 30-Oct-15 7:59am

You would have to write your own method that will generate a modal confirm and return the response from the user. The vanilla JavaScript confirm() will always open a browser default alert.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anil Sharma1983 · Accepted Answer · 2015-11-01T19:46:00

You can do this way. Please check

<div id="confirmModal" class="modal fade" style="background-color: #fff">
<div class="modal-body">
Are you sure?
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-primary" id="ok">Delete</button>
<button type="button" data-dismiss="modal" class="btn">Cancel</button>
</div>
</div>

<script type="text/javascript">
        var IdDelete = 0;
        $('#delete').on('click', function (e) {
            var attr = $(this).attr('data-val');
            IdDelete = attr;

            e.preventDefault();
            $('#confirmModal').modal("show")

           
        });       


        $('#ok').on('click', function (e) {
           
            if (IdDelete > 0) {

                $.ajax(
                 {
                     url: "delt.php",
                     type: "POST",
                     data: {
                         deletes: 1,
                         id: IdDelete
                     },
                     success: function () { }

                 });
                $(this).parents(".del_cat").animate({ opacity: "hide" }, "slow");


            }
            // Hide and reset valu

            console.log(IdDelete);
            $('#confirmModal').modal("Hide")
            IdDelete = 0;

           
        });

    </script>