Форум PHP программистов > Добавление формы в страницу при помощи цикла

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Добавление формы в страницу при помощи цикла

DestroyeR777

25.01.2011 - 18:34

Допустим имеется строчка, в которой расположены формы, после заполнения этой строчки, пользователь нажимает ОК и добавляется новая строчка, как это можно реализовать, подскажите пожалуйста?)
Лазил по нету, чёт не находилось никак(

Спустя 9 минут, 13 секунд (25.01.2011 - 17:44) sergeiss написал(а):

Еще полазь немного

Читай про функции document.createElement для создания элемента, appendChild для его добавления. Ну, и в найденных примерах, я думаю, всё будет понятно

Можешь поискать по этим ключевым словам на javascript.ru

Спустя 10 минут, 25 секунд (25.01.2011 - 17:54) ApuktaChehov написал(а):

Я так понимаю, что инфа хранится в БД. Тогда вам поможет Ajax.

Сначала отображаем на странице все что есть в БД. После того как юзер набрал текст и нажал кнопочку, Ajax снова грузит всю инфу из БД.

Что то типа этого.

Спустя 14 минут, 13 секунд (25.01.2011 - 18:08) DestroyeR777 написал(а):

хммм... а вот про бд не знай(
вот примерный код, который добавляет чистые столбцы ,вместо них должны быть инпут боксы и button:


<script LANGUAGE="JavaScript">
function addRow(id){
    var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("column 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
</script>

<h1>Добавление строки в таблице с помощью DOM javascript</h1>
<center>
<p>Скрипт добавляет строку в таблицу, после нажатия на ссылку.</p>

<a href="javascript://" onclick="addRow('myTable');return false;">Добавить строку</a>
<table id="myTable" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>row1_column1</td><td>row1_column1</td>
    </tr>
  </tbody>
</table>

возможно реализовать в таком коде подобное?)

Спустя 1 минута, 28 секунд (25.01.2011 - 18:10) DestroyeR777 написал(а):

sergeiss
спс, забыл про эту функцию)
вопрос остается в силе)))

Спустя 20 часов, 19 минут, 7 секунд (26.01.2011 - 14:29) DestroyeR777 написал(а):

собственно при помощи данного скрипта строки и инфа в них добавляется, но вот чтобы можно было добавить html формы расположенные в одну строку, не получается, может там функция другая? подскажите пожалуйста

Спустя 1 час, 36 минут, 9 секунд (26.01.2011 - 16:05) DestroyeR777 написал(а):

Эврика! Вот более корректный код, но тут только поле инпут бокс:


<html>
<head>
<title>Аренда артефактов</title>
<script language="JavaScript">
var items=1;
function AddItem() {
  div=document.getElementById("items");
  button=document.getElementById("add");
  items++;
newitem="<strong>Предмет </strong>";
  newitem+="<input type=\"text\" name=\"qty" + items;
  newitem+="\" size=\"10\"> ";
newitem+="<strong>Описание </strong>";
  newitem+="<input type=\"text\" name=\"item" + items;
  newitem+="\" size=\"35\"><br>";
  newnode=document.createElement("span");
  newnode.innerHTML=newitem;
  div.insertBefore(newnode,button);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<strong>Предмет</strong> <input type="text" name="qty1" size="10">
<strong>Описание</strong> <input type="text" name="item1" size="35">
<br>
<input type="button" value="Добавить"
onClick="AddItem();" ID="add" class="b">
</div>
</form>

<form class="zf" action=".">
	<dl> <!-- oClassElement -->
		<dt><label for="input-select">Выберите артефакт</label></dt>
		<dd>
			<select class="zf" id="input-select">
				<option value="1">Легкий тапорик</option>
				<option value="2">Кинжал мести</option>
				<option value="3">Меч расправы</option>
				<option value="4">Меч власти</option>
			</select>
		</dd>
	</dl>
</form>

</body>
</html>

подскажите плизз как добавить список в эти строки, чтобы он тоже добавлялся?(

Спустя 5 минут, 3 секунды (26.01.2011 - 16:10) DestroyeR777 написал(а):

хехх придется как всегда самому, ну спасибо и на document.createElement
((

Быстрый ответ:

Здесь расположена полная версия этой страницы.