TD load не работает

[zaytsewa]

Всем привет!
У меня есть таблица. Все нечётные строки видны пользователю, все чётные скрыты, и пока содержат только 1 элемент td. По клику на кнопку чётная строка становится видна и в её td-элемент загружается php-страница при помощи jquery load. Почему-то эта страница не отображается... Есть предположение, что из-за того, что на строку таблицы выводится 20 пикселей высотой...

Вопросы такие: поддерживает ли td load?
может ли высота tr динамически меняться в зависимости от содержимого?

заранее спасибо)

[Deff]

zaytsewa,
1. Проверьте в браузере адрес подгружаемой страницы
2. создайте div блок с id="Test" и подгрузите страницу туда

$("#Test").load("Ccылка на страницу")

3. Если всё удачно - наверно неверный селектор элемента - выложите код (или ссылку на тестовик

[zaytsewa]

в тестовый div всё грузится верно..

while ( $arr = mysql_fetch_array( $res ) )
	{
		++$counter;
		echo "<tr>";
		echo "<td style='display:none' class='order_id'>".$arr["id"]."</td>";
		echo "<td>".$counter."</td>";
		echo "<td>".$arr["date_start"]."</td>";
		echo "<td>".$arr["board_room"]."</td>";
		echo "<td>".$arr["count_days"]."</td>";
		echo "<td>".$arr["city_name"]."</td>";
		echo "<td>".$arr["region_name"]."</td>";
		echo "<td>".$arr["client_company_name"]."</td>";
		//$id = $arr["id"];
		echo "<td><button class='show_details' alt='Показать детали'>Подробнее</button></td></tr>";
		echo "<tr style='display:none;'><td colspan='9' class='details'></td></tr>";
	}

$(document).ready(function(){
$(".show_details").click(function(){
	var tr = $(this).parent().parent();
	var order_id = $(tr).find(".order_id").text();
	var details_tr = tr.next();
	
	if ( details_tr.is(":visible") )
		details_tr.hide();
	else
	{
		var details_td = tr.find(".details");
		if ( details_td.children().length == 0)
		{
			//$("#test").load("details.php?order_id="+order_id);
			details_td.load("details.php?order_id="+order_id);
			console.log("order_id="+order_id);
		}
		details_tr.show();
	}
});
});

[рони]

zaytsewa,
var details_td = tr.find(".details").eq(0);
попробуйте добавить красное

[zaytsewa]

не помогло

[Deff]

zaytsewa,
Замените скрипт

$(document).ready(function(){
$(".show_details").click(function(){
	var tr = $(this).parents('tr:first');
	var order_id = tr.find(".order_id").text();
	var details_tr = tr.next();
	
	if ( details_tr.is(":visible") )
		details_tr.hide();
	else
	{
		var details_td = tr.find(".details");
		if ( details_td.children().length == 0)
		{
			//$("#test").load("details.php?order_id="+order_id);
			details_td.load("details.php?order_id="+order_id);
			console.log("order_id="+order_id);
		}
		details_tr.show();
	}
});
});

[danik.js]

zaytsewa, тоесть вы внутрь td пытаетесь всунуть несколько tr > td ? И че получится? Правильно - ничего.

[zaytsewa]

т.е. вы считаете что внутрь таблицы нельзя поместить ещё таблицу?? по-моему можно

[danik.js]

Можно, но таблица это <table> а не <tr>

[danik.js]

Сорри, я подумал что ваш код while ( $arr = mysql_fetch_array( $res ) ){..} генерирует ответ для xhr-запроса.

Что вообще возвращает страница details.php?order_id="+order_id ? Откройте ее в отдельной вкладке и нажмите Ctrl+U