добавление строк в одну таблицу несколькими кнопками
Привет, Всем!!!
Имеется вот такой код (почти такой:) .....кнопок возможно будет больше) для добавления строк в таблице......подразумевается , нажатием на одну кнопку, добавлять в строке один текст, а нажатием на другую- другой...........но при нажатии на любую из них выводится один и тот же текст......подскажите пжл. как это исправить?...зарание благодарен! <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, время: 15:50. |