Подтверждение всплывающего окна/предварительный просмотр записей перед вставкой

avatar
mountain
8 апреля 2018 в 06:21
42
1
0

Потерпите мое знакомство с Javascript и Phonegap в детском саду. Мне нужен пользователь для предварительного просмотра захваченных записей перед их вставкой. Любые обходные пути? У меня есть реализация следующим образом: 

function Preview() {
  var vName = document.getElementById("name").value;
  var vage = document.getElementById("age").value;
  var vplace = document.getElementById("place").value;

  var popup = window.open(view, 'Preview_records');
  popup.document.write('Name:' + vName + '<br /> Age:' + vage + '<br /> Place: ' + vplace + '<br />');
}
<form id="view" method="POST" class="formular">
  <label>Name</label>
  <input type="text" name="name" id="name" /><br>
  <label>age</label>
  <input type="text" name="age" id="age" /><br>
  <label>place</label>
  <input type="text" name="place" id="place" />

  <button onclick="Preview()">Preview</button>
</form>

Когда появится это окно, я хочу иметь кнопку PROCEED и кнопку CANCEL, где PROCEED приведет меня к функции вставки, а CANCEL вернет меня к редактированию данных формы.

Функция вставки как 

        function Insertion() {
            var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
            db.transaction(insertDT, errorZ, successY);
        }
Источник
mountain
10 апреля 2018 в 04:17
0

@Sebastian Speitel, ты хорош только в редактировании, нет решений? Интересно, какие изменения вы даже внесли

Sebastian Speitel
10 апреля 2018 в 06:14
0

Готовы ли вы отображать вставляемую запись на той же странице или она должна быть новой. И если второе, какой язык бэкенда вы используете?

mountain
11 апреля 2018 в 06:33
0

@Sebastian Speitel на той же странице. Javascript. Разрабатываю мобильное приложение phonegap.

Ответы (1)

avatar
Sebastian Speitel
11 апреля 2018 в 06:44
0

Я не знаю, работает ли что-то подобное в phonegap, но это было бы моим решением:

function preview() {
  var vName = document.getElementById("name").value;
  var vage = document.getElementById("age").value;
  var vplace = document.getElementById("place").value;

  var preview = document.getElementById("preview")
  preview.innerHTML = 'Name:' + vName + '<br /> Age:' + vage + '<br /> Place: ' + vplace + '<br />';
  var reset = document.getElementById("reset");
  reset.style.display = "initial";
  var submit = document.getElementById("submit")
  submit.style.display = "initial";
  reset.onclick = () => {
    preview.innerHTML = "";
    reset.style.display = "none";
    submit.style.display = "none";
  };
}
<form id="view" method="POST" class="formular">
  <label>Name</label>
  <input type="text" name="name" id="name" /><br>
  <label>age</label>
  <input type="text" name="age" id="age" /><br>
  <label>place</label>
  <input type="text" name="place" id="place" />

  <button onclick="preview()">Preview</button>
  <p id="preview"></p>
  <input id="reset" type="reset" value="Cancel" style="display:none">
  <input id="submit" type="submit" value="Proceed" style="display:none">
</form>
mountain
11 апреля 2018 в 14:23
0

Всплывающее окно не создается

Sebastian Speitel
11 апреля 2018 в 16:50
0

Это не всплывающее окно, это просто предварительный просмотр ввода под формой. Если вы хотите, чтобы это было во всплывающем окне, просто измените код, чтобы он соответствовал.