Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.09.2010, 13:35   #1
ACE Valery
Сама себе режиссер
Старожил
 
Аватар для ACE Valery
 
Регистрация: 27.04.2007
Сообщений: 3,365
По умолчанию Динамически изменить содержимое элемента

Ребята, помогите, пожалуйста, со скриптом.
Есть такая табличка:
Код:
<table cellpadding="0" cellspacing="0"  border="0" id="dataTable">		
<tr>
	<td width="3"><img src="{$im}/left.gif"  /></td>
	<td class="menu">Изображение</td>
	<td class="menu">Наименование</td>
	<td class="menu">Описание</td>
	<td class="menu">Цена</td>
	<td class="menu">Кол-во на складе</td>
	<td class="menu">Действия</td>
	<td width="3"><img src="{$im}/right.gif"  /></td>
</tr>
<tr id = "1">
	<td width="3" style="background: url('left_bg.gif') repeat-x;"></td>
	<td class="data"><img src="image.jpg" width="76" /></td>
	<td class="data">Товар 1</td>
	<td class="data">Описание товара 1</td>
	<td class="data">250</td>
	<td class="data">15</td>
	<td class="data">
		<table cellpadding="0" cellspacing="0"  border="0">
			<tr>
				<td><a href="item.php?id=1"><img src="but_info.gif" /></a></td>
                                            <td><img class="buy" id="1&2" src="but_buy.gif" /></td>
			</tr>
		</table>
	</td>
	<td width="3" style="background: url('right_bg.gif') repeat-x;"></td>
</tr>						
<tr id = "2">
	<td width="3" style="background: url('left_bg.gif') repeat-x;"></td>
	<td class="data"><img src="image.jpg" width="76" /></td>
	<td class="data">Товар 2</td>
	<td class="data">Описание товара 2</td>
	<td class="data">110</td>
	<td class="data">5</td>
	<td class="data">
		<table cellpadding="0" cellspacing="0"  border="0">
			<tr>
				<td><a href="item.php?id=2"><img src="but_info.gif" /></a></td>
                                            <td><img class="buy" id="2&2" src="but_buy.gif" /></td>
			</tr>
		</table>
	</td>
	<td width="3" style="background: url('right_bg.gif') repeat-x;"></td>
</tr>
</table>
Как мне с помощью JavaScript поменять значение ячейки, в которой хранится количество товара? Например, у товара 2 нужно поменять количество с 5 на 3.

Или хотя бы подскажите, как узнать, какой у меня элемент записывается в переменную obj:
Код:
var obj = $(this).parent();
А то когда вывожу alert'ом, то выводится: [oblect Object]
Если я вас напрягаю или раздражаю, вы всегда можете забиться в угол и поплакать
ACE Valery вне форума Ответить с цитированием
Старый 06.09.2010, 13:44   #2
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,097
По умолчанию

предложение: Каждой ячейке таблицы дай уникальный ID
Код HTML:
<td class="data" id=123456>5</td>
и пиши
Код HTML:
<script type="text/javascript">
  var name_input = document.getElementById('123456')
  name_input.innerText="3"
</script>
найдя элемент по ID-у
I'm learning to live...
Stilet вне форума Ответить с цитированием
Старый 06.09.2010, 14:36   #3
ACE Valery
Сама себе режиссер
Старожил
 
Аватар для ACE Valery
 
Регистрация: 27.04.2007
Сообщений: 3,365
По умолчанию

Виталик, спасибо большое
Если я вас напрягаю или раздражаю, вы всегда можете забиться в угол и поплакать
ACE Valery вне форума Ответить с цитированием
Старый 06.09.2010, 15:14   #4
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,097
По умолчанию

Та незачто )
I'm learning to live...
Stilet вне форума Ответить с цитированием
Старый 06.09.2010, 16:43   #5
KPEATuBHO
Форумчанин
 
Аватар для KPEATuBHO
 
Регистрация: 03.09.2010
Сообщений: 197
По умолчанию

Предлагаю более универсальный вариант, то есть ладно, если только 2 записи в таблице, а если их тысячи? тада id каждому присваивать не будешь. вот мой вариант по средствам jQuery:

Код:
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#2>td:eq(5)").text("0");
});
</script>
где #2 - id строки. HTML остается без изменений.
KPEATuBHO вне форума Ответить с цитированием
Старый 06.09.2010, 17:02   #6
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,097
По умолчанию

Цитата:
а если их тысячи?
А смотря как генерируется страница. Я например не постеснялся в проекте прикреплять уникальный идентификатор в цикле к ячейкам. Собстно за счет этого и предложил то что предложил.
I'm learning to live...
Stilet вне форума Ответить с цитированием
Старый 06.09.2010, 17:40   #7
KPEATuBHO
Форумчанин
 
Аватар для KPEATuBHO
 
Регистрация: 03.09.2010
Сообщений: 197
По умолчанию

Согласен. Тогда скажу так: ваш метод применим при идентификации ячеек, а мой при идентификации строк.
KPEATuBHO вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить свойства динамически созданного объекта Marsel737 Общие вопросы Delphi 5 16.01.2010 23:29
Си -Расположить элементы в порядке возрастания от первого нулевого элемента до отрицательного элемента Freia Помощь студентам 17 13.12.2009 15:41
Как правильно изменить содержимое ячейки по клику в нее? Stilet JavaScript, Ajax 3 12.08.2009 17:03
Как изменить динамически менять размер плавающего фрейма, к-й находится в ячейке таблицы? 3lander HTML и CSS 8 26.05.2008 19:54