Batyabest,
<div style="width: 400px;">
<p>Выбираем цвет стола</p>
<table id="data">
<tr>
<td><img src="/images/venge.jpg" class="material"></td>
<td><span>Венге</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
<tr>
<td><img src="/images/orekh.jpg" class="material"></td>
<td><span>Орех гварнери</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
<tr>
<td><img src="/images/klen.jpg" class="material"></td>
<td><span>Клен медисон</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
</table>
<div id="zayavka"></div><input type="button" value="Оформить заявку"><br>
<input type="checkbox" name="sborka"> <span style="font-size: 16px; font-weight: 400;">Сборка специалистом нашего интернет-магазина</span>
</div>
<script>
var d = document;
window.onload = function () {
d.getElementById("data").onclick = function(e) {
var target = e && e.target || event.srcElement;
if (target.type == "button" && target.value == "Заказать") {
var value = target.previousSibling.value;
//alert(target.parentNode.previousSibling.previousSibling.childNodes[0].childNodes[0].nodeValue);
var ua = navigator.userAgent;
var elm = ua.search(/MSIE/) > -1 ? target.parentNode.previousSibling.childNodes[0].nodeValue : target.parentNode.previousSibling.previousSibling.childNodes[0].childNodes[0].nodeValue;
var div = d.createElement("div");
var span = d.createElement("span");
span.setAttribute("style", "color: red");
span.appendChild(d.createTextNode(value));
div.appendChild(d.createTextNode(elm+": "+value));
//div.appendChild(span);
var input = d.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "Отменить");
input.onclick = function () { d.getElementById("zayavka").removeChild(this.parentNode); };
div.appendChild(input);
d.getElementById("zayavka").appendChild(div);
}
}
}
</script>
также можно при добавление в
div можно связывать всю инфу с помощью
объекта и тогда перед отправкой можно не бегать по новым
div-ам для сбора необходимой инфы
метод
window.open создаст новое окно браузера и вернет ссылку на него, с помощью которой можно управлять всем содержимым окна