Как создать кнопку добавления формы - PullRequest
Новая
       7

Как создать кнопку добавления формы

0 голосов
/ 28 декабря 2018

Существует код для добавления текста в iframe.Как добавить кнопку для создания новых полей для текста 

$("#text1").click(function(e) {
  var x = document.getElementById("fname").value;
  document.getElementById("output").setAttribute("text", "value", x);
  return false;
});
form {
  position: absolute;
  z-index: 1;
  background: white;
  padding: 1em;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>

<form name="myForm" href="" onsubmit="text">
  id: <input type="number" value="text" name="fname" id="fname"><br><br>
  <input id="text1" type="submit" value="Отправить">
</form>

<a-scene background="color: black">
  <a-entity id="output" text="value: output; align: center;" position="0 1.6 -0.5"></a-entity>
</a-scene>

1 Ответ

0 голосов
/ 28 декабря 2018

1) Используйте createElement() для создания нового элемента. 

let newEl = document.createElement('a-entity')

2) Добавьте его в «контейнер», используя container.appendChild(newEl)

Контейнер может быть простым родителемэлемент: 

<a-entity id='textContainer'>
</a-entity>

При click создайте элемент, задайте свойства и добавьте его в контейнер: 
var wrapper = document.getElementById("textContainer");
// set the position below the last element
var position = new THREE.Vector3(0, wrapper.children.length * -0.05, 0);

var newText = document.createElement('a-entity')
newText.setAttribute('position', position)
newText.setAttribute("text", {
  "color": "white",
  "align": "center",
  "value": document.querySelector('#fname').value
})
wrapper.appendChild(newText)

Fiddle здесь .

...