Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.12.2009, 20:52
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

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

Последний раз редактировалось B~Vladi, 21.12.2009 в 22:59.
Ответить с цитированием
  #2 (permalink)  
Старый 21.12.2009, 19:45
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

На Вашем форуме нашел тему:"динамическое создание тадлицы" .....из диалога господ 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);


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

Последний раз редактировалось B~Vladi, 21.12.2009 в 23:00.
Ответить с цитированием
  #3 (permalink)  
Старый 21.12.2009, 21:06
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

Как-то так...
<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:01. Причина: Форматирование кода
Ответить с цитированием
  #4 (permalink)  
Старый 21.12.2009, 23:02
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

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

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


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #5 (permalink)  
Старый 22.12.2009, 00:31
Аватар для e1f
e1f e1f вне форума
Профессор
Отправить личное сообщение для e1f Посмотреть профиль Найти все сообщения от e1f
 
Регистрация: 03.04.2009
Сообщений: 1,263

Хорошая тема! Indiana сам себе ответил, а B~Vladi сам ему посты поправил
Ответить с цитированием
  #6 (permalink)  
Старый 22.12.2009, 00:57
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Сообщение от e1f
B~Vladi сам ему посты поправил
Рад стараться
Ответить с цитированием
  #7 (permalink)  
Старый 08.01.2010, 22:18
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

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

вместо innerHTML = 'блабла' поставить кнокочку.....а лучше img-кнопочку
Ответить с цитированием
  #8 (permalink)  
Старый 09.01.2010, 06:35
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

cell.innerHTML = 'HTML-код, который нужно вставлять.';
Ответить с цитированием
  #9 (permalink)  
Старый 09.01.2010, 08:11
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

Огромнейшее мерси!!!! Все работает
Ответить с цитированием
  #10 (permalink)  
Старый 24.02.2010, 12:55
Аватар для Indiana
Аспирант
Отправить личное сообщение для Indiana Посмотреть профиль Найти все сообщения от Indiana
 
Регистрация: 20.12.2009
Сообщений: 61

Всем привет!!!!
Подскажите пжл. как задать 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'

Заранее благодарен.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ДОбавление строк в форму и последующая обработка vvivan Events/DOM/Window 9 07.12.2009 20:51
Добавление строк в текущий документ deerstop Общие вопросы Javascript 11 24.09.2009 23:17
Добавление строк в таблицу stanlee Элементы интерфейса 13 11.06.2008 17:38