добавление строк в одну таблицу несколькими кнопками
Привет, Всем!!!
Имеется вот такой код (почти такой:) .....кнопок возможно будет больше) для добавления строк в таблице......подразумевается , нажатием на одну кнопку, добавлять в строке один текст, а нажатием на другую- другой...........но при нажатии на любую из них выводится один и тот же текст......подскажите пжл. как это исправить?...зарание благодарен! <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> |
На Вашем форуме нашел тему:"динамическое создание тадлицы" .....из диалога господ 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);
попробую срастить ......хотя слепым котятам редко везет:) |
Как-то так...
<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="............" />(так где многоточие)? Как это правильно сделать??? |
Не забывайте форматировать свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Хорошая тема! Indiana сам себе ответил, а B~Vladi сам ему посты поправил :)
|
Цитата:
|
Всем привет!!!! Счастья Всем в новом году!
Подскажите пжл. как в коде
var table = document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'блабла';
вместо innerHTML = 'блабла' поставить кнокочку.....а лучше img-кнопочку |
cell.innerHTML = 'HTML-код, который нужно вставлять.'; |
Огромнейшее мерси!!!! Все работает:dance:
|
Всем привет!!!!
Подскажите пжл. как задать 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, время: 12:26. |