Problem with Chrome extension on angular and ajax is it possible?

W

walogumyqe2017-01-13 14:15:34

Angular

walogumyqe, 2017-01-13 14:15:34

Hello, there is a problem with the submission of one of the angular forms. There is an ng-view that actually displays the angular form, is it possible to add a form container with the post method inside the angular form in an unchanged form? or only sequentially. If I did not express myself correctly, I'm sorry

Option.html

<html>
<head>
   <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="tea.js"></script>
    <script type="text/javascript" src="constants.js"></script>
    <script type="text/javascript" src="functions.js"></script>
    <script type="text/javascript" src="utils.js"></script>
    <script type="text/javascript" src="options.js"></script>
    <script type="text/javascript" src="google_analytics/page.js"></script>

</head>
  <div class="formContainer">
                <form action="" method="post">
                    <div class="innerForm">
                        <div class="inputs"></div>
                    </div>
                </form>
            </div>

options.js

...............................
appendToFormInputs(container);

    function appendMoreLessButtons() {
      var moreLessSpan = $('<span>');
      moreLessSpan.addClass('moreLessSpan');
      moreLessSpan.append(addAnotherOne);
      moreLessSpan.append(" | ");
      moreLessSpan.append(removeLastOne);
      container.append(moreLessSpan);
    }
  }

  function createInputContainer(name) {
    var container = $('<div>');
    container.addClass('inputContainer');

    var textSpan = $('<label>');
    textSpan.text(name + ": ");
    textSpan.addClass("label");
    textSpan.attr('for', name);

    container.append(textSpan);

    return container;
  }

  function appendToFormInputs(input){
    $('.innerForm .inputs').append(input);
  }

  function appendToForm(input){
    $('.innerForm').append(input);
  }

  function appendSubmitButton(){
    appendToForm('<div class="submit"><input type="submit" value="Save" /></div>');
  }

  function initialize(){
    prepareOptionsPanel();
    generateForm();
    $('.bar1').css('height', $('.bar2').height());
    setEvents();
  }
...........................

JOIN with
Options.html

................................
<div class="container">
        <div class="col-sm-9">
            <div ng-view></div>
        </div>
</div>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

W

walogumyqe, 2017-01-13
@walogumyqe

Why can't it be combined in this way, because the paths on the forms container are saved?
or there is an overlay of forms?
options.html

<div class="formContainer">
                <form action="" method="post">
                    <div class="innerForm">
                        <div class="inputs"></div>
                    </div>
                </form>
 <div class="col-sm-9">
            <div ng-view></div>
        </div>