Javascript.RU

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

Проблема с простейшим спойлером
Привет всем!
Проблема состоит в том что при нажатии на кнопку должена показаться строка таблицы и в этой строке данные. Но при выводе все показывается как-то криво. Хотя структура таблицы правильная.

<script type="text/javascript">
function spoiler(id)
{
var obj = "";
// Проверка на кроссбраузерность
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;

if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "inline";
}
</script>

Табличка:
<table cellpadding="4px" width="99%" border="1">
<tr>
<td>Заголовок</td><td> </td><td> </td>
</tr>
<tr class="main_tr">
<td> Текс текст текст</td>
<td width="10%"><buttonp>Удалить</buttonp></td>
<td width="10%"><buttonp onclick="spoiler('spoiler1');">
Редактировать</buttonp></td>
</tr>
<tr style="display: none;" id="spoiler1">
<td>
<form name="send" method="post" action="">
<textarea name="text" style="width:60%; height: 200px;">Текст текс текст</textarea>
<buttonp>Изменить</buttonp>
</form>
</td>
</tr>
<tr class="main_tr">
<td> Блам блам блам</td>
<td width="10%"><buttonp>Удалить</buttonp></td>
<td width="10%"><buttonp onclick="spoiler('spoiler2');">
Редактировать</buttonp></td>
</tr>
<tr style="display: none;" id="spoiler2">
<td>
<form name="send" method="post" action="">
<textarea name="text" style="width:60%; height: 200px;">Бука бука букаамва ва</textarea>
<buttonp>Изменить</buttonp>
</form>
</td>
</tr>
<table>
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2011, 20:17
Новичок на форуме
Отправить личное сообщение для NameX Посмотреть профиль Найти все сообщения от NameX
 
Регистрация: 06.11.2011
Сообщений: 2

нашел сам решение:
else
obj.display = "table-row";
}
Ответить с цитированием
  #3 (permalink)  
Старый 06.11.2011, 20:18
Профессор
Отправить личное сообщение для Почемучкин Посмотреть профиль Найти все сообщения от Почемучкин
 
Регистрация: 11.05.2011
Сообщений: 241

Конечно криво будет показываться.
В этой строке 3 ячейки:
<tr class="main_tr">
20	<td> Блам блам блам</td>
21	<td width="10%"><buttonp>Удалить</buttonp></td>
22	<td width="10%"><buttonp onclick="spoiler('spoiler2');">
23	Редактировать</buttonp></td>
24	</tr>

А в этой строке одна ячейка:
25	<tr style="display: none;" id="spoiler2">
26	<td>
27	<form name="send" method="post" action="">
28	<textarea name="text" style="width:60%; height: 200px;">Бука бука букаамва ва</textarea>
29	<buttonp>Изменить</buttonp>
30	</form>
31	</td>
32	</tr>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47