Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   добавление строк в одну таблицу несколькими кнопками (https://javascript.ru/forum/dom-window/6765-dobavlenie-strok-v-odnu-tablicu-neskolkimi-knopkami.html)

Indiana 20.12.2009 20:52

добавление строк в одну таблицу несколькими кнопками
 
Привет, Всем!!!
Имеется вот такой код (почти такой:) .....кнопок возможно будет больше) для добавления строк в таблице......подразумевается , нажатием на одну кнопку, добавлять в строке один текст, а нажатием на другую- другой...........но при нажатии на любую из них выводится один и тот же текст......подскажите пжл. как это исправить?...зарание благодарен!
<html>
<head>
</head>
<body>
<form>
<script type="text/javascript">

function insRow()
{
var x=document.getElementById('myTable').insertRow(1)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="описание11"
z.innerHTML="описание12"
}
</script>
<input type="button" onclick="insRow()" value="добавить1">
<script type="text/javascript">
function insRow()
{
var x=document.getElementById('myTable').insertRow(1)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="описание21"
z.innerHTML="описание22"
}

</script>
<input type="button" onclick="document.insRow(1)" value="добавить2">
<table id="myTable" border="1">
<tr>
<td>описание</td>
<td>описание</td>
</tr>
</table>
</form>
</body>

Indiana 21.12.2009 19:45

На Вашем форуме нашел тему:"динамическое создание тадлицы" .....из диалога господ Magistr_bender и ZoNT позволил себе дернуть скриптик.....
(надеюсь м-р ZoNT не против)
:)
var table = document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'йа ячейго';
 
document.body.appendChild(table);


попробую срастить ......хотя слепым котятам редко везет:)

Indiana 21.12.2009 21:06

Как-то так...
<html>
<head>
</head>
<body>
<form>
<input type="button" value="в корзину"  onclick="ins1()" />
<script language="JavaScript" type="text/javascript">

function ins1() {
        var table = 

document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'утюг';
 
document.body.appendChild(table);
}

</script>
<input type="button" value="в корзину"  onclick="ins2()" />
<script language="JavaScript" type="text/javascript">

function ins2() {
        var table = 

document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'чайник';
 
document.body.appendChild(table);
}

</script>
<center>
<table id="table" name="table" border="1">
<tr>
<td>описание</td>
</tr>
</table>
</center>
</form>
</body>


......при нажатии появляется нужная надпись

.....но появилась еще кучка вопросов:
Почему данные попадают не в нужную таблицу, а создается новая (можно ли это исправить)??
Можно ли это:
var table = document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'блабла';
document.body.appendChild(table);

поставить вот сюда:
<input type="button" value="блаблабла" onclick="............" />
(так где многоточие)? Как это правильно сделать???

B~Vladi 21.12.2009 23:02

Не забывайте форматировать свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

e1f 22.12.2009 00:31

Хорошая тема! Indiana сам себе ответил, а B~Vladi сам ему посты поправил :)

B~Vladi 22.12.2009 00:57

Цитата:

Сообщение от e1f
B~Vladi сам ему посты поправил

Рад стараться:D

Indiana 08.01.2010 22:18

Всем привет!!!! Счастья Всем в новом году!
Подскажите пжл. как в коде
var table = document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'блабла';

вместо innerHTML = 'блабла' поставить кнокочку.....а лучше img-кнопочку

B~Vladi 09.01.2010 06:35

cell.innerHTML = 'HTML-код, который нужно вставлять.';

Indiana 09.01.2010 08:11

Огромнейшее мерси!!!! Все работает:dance:

Indiana 24.02.2010 12:55

Всем привет!!!!
Подскажите пжл. как задать ID (или name) создаваемой строке, если в данном случае эт возможно....
var x=document.getElementById('t').insertRow(1)
var a=x.insertCell(0).innerHTML='<h4>Башенный Колобок</h4>';
var b=x.insertCell(1).innerHTML='150.00'

Заранее благодарен.


Часовой пояс GMT +3, время: 15:50.