Uncaught ReferenceError: переменная не определена в функции onclick

Question

Я новичок в кодировании, но мне очень трудно понять, почему я получаю referenceError в Chrome на кнопке "Добавить новое задание", но ничего не происходит.

Это моя функция, которая создает вид, и я пытаюсь использовать функцию onclick, которая вызывает лайтбокс с полями.

Кнопка "Добавить новое задание" расположена внизу фрагмента кода.

Ценю помощь!

    <script type="text/javascript">
      function action_form(id) {
          $("#dialog_form").remove();
          $("#tasks-form").append('
        <div id="dialog_form"></div>');
          $("#dialog_form").attr("title", (id !== undefined ? "Edit task" : "Create new task"));
          $("#dialog_form").html('
        <div>' + '
    </script>

    <div class="blocks">
      <h1>Tasks for your MultiScraper</h1>
      <div class="text-block">
        <input type="button" value=" + Add new task" class="btn btn-blue" onclick="action_form();" id="tasks_add_button" style="float: right;margin: 10px 30px 10px 0;" />
        <input type="button" value="Products grabbed" class="btn btn-grey" onclick="" id="tasks_grabbed_product_button" style="float: left;margin: 10px 30px 10px 30px;" />
        <div class="clear"></div>

        <div id="tasks-form" class="ms_form" style="padding: 10px;width: 1240px;padding-bottom: 0;">
          <div id="form-content">

            <table class="list" id="parser_instruction_table">
              <thead>
                <tr id="instruction_table_header">
                  <td colspan="10">You have not yet made ​​any task for your MSPRO. Please, create the first one</td>
                </tr>
              </thead>

Answer 1

function action_form(id) {
    $("#dialog_form").remove();
    $("#tasks-form").append('
                           <div id="dialog_form"></div>');
    $("#dialog_form").attr("title", (id !== undefined ? "Edit task" : "Create new task"));
    $("#dialog_form").html('
                          <div>' + '

Оставляя разрыв строки, пока вы пишете строку, как вы делаете в

$("#tasks-form").append('
                       <div id="dialog_form"></div>');

а также

$("#dialog_form").html('
                      <div>' + '

приведет к ошибке.

Делать

$("#tasks-form").append('<div id="dialog_form"></div>');

или, если вам нужно перейти на новую строку

$("#tasks-form").append('' +
                       '<div id="dialog_form"></div>');

Кроме того, что-то не так с

$("#dialog_form").html('<div>' + '

Похоже, вы забыли закрыть скобки и скобки своей функции