敬酒javascript SyntaxError

Question

i am tring to implement a toastr with yes or no buttons

and i get this

SyntaxError: missing ) after argument list

this is my JavaScript Code:

<script type="text/javascript">
    function detele() {
        toastr.warning("<div>confirmer la suppression?</div>" +
          "<div class ='btn-group pull-right'> " +
          "<button type ='button' id='confirmationYes' class ='btn btn-xs btn-primary'><i class='glyphicon glyphicon-ok'></i>Oui</button>" +
          "<button type ='button' class ='btn btn-xs btn-default clear'><i class='glyphicon glyphicon-remove'></i>Non</button>" +
          "</div>", 
          "DeleteConfirmation", 
          {
            allowHtml: true,
            closeButton: true,
            onShown: function() {
              $("#confirmationYes").click(function() {
                  toastr.success("Done");
                });
              }
          });
        };
    </script> 

the console shows that the error is in this line

  "<div class="btn-group pull-right"> " + 

i just dont get it !

Answer 1

You are missing a Parenthesis.

<script type="text/javascript">
  function detele() {
    toastr.warning("<div>confirmer la suppression?</div>" +
      "<div class ='btn-group pull-right'> " +
      "<button type ='button' id='confirmationYes' class ='btn btn-xs btn-primary'><i class='glyphicon glyphicon-ok'></i>Oui</button>" +
      "<button type ='button' class ='btn btn-xs btn-default clear'><i class='glyphicon glyphicon-remove'></i>Non</button>" +
      "</div>", 
      "DeleteConfirmation", 
      {
        allowHtml: true,
        closeButton: true,
        onShown: function() {
          $("#confirmationYes").click(function() {
              toastr.success("Done");
            });
          }
        };
      )};
</script>

note that in yours, the .click(function() { doesn't have a closing parenthesis. Next time before posting, make sure you check that all the openings have closings.

Answer 2

You forget to close your delete and onShown function. try this code

<script type="text/javascript">
    function detele() {
        toastr.warning("<div>confirmer la suppression?</div>" +
          "<div class ='btn-group pull-right'> " +
          "<button type ='button' id='confirmationYes' class ='btn btn-xs btn-primary'><i class='glyphicon glyphicon-ok'></i>Oui</button>" +
          "<button type ='button' class ='btn btn-xs btn-default clear'><i class='glyphicon glyphicon-remove'></i>Non</button>" +
          "</div>", 
          "DeleteConfirmation", 
          {
            allowHtml: true,
            closeButton: true,
            onShown: function() {
              $("#confirmationYes").click(function() {
                  toastr.success("Done");
                });
              };
          });
        };
    </script>