Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Изменение таблицы

Автор: slavonX86 8.4.2006, 17:28

Есть таблица, находящаяся внутри HTML. Можно добавить и удалить ячейки из таблицы не перегружая документ ? Как ?

Автор: Ciber SLasH 8.4.2006, 17:57

Цитата(slavonX86 @ 8.4.2006, 18:28

)

Можно добавить и удалить ячейки из таблицы не перегружая документ ?

Можно.
Ищем функции: insertCell и deleteCell
Ищем на этом форуме и смотрим главу 4.7 на http://wdh.suncloud.ru/

Автор: slavonX86 8.4.2006, 21:01

Хм, ну с COM (DOM) я знаком.
Вот только не могу понять как дописать событие:

Код


onMouseOut="this.style.backgroundColor='#FFFFFF'"

P.S. > Вобще я делаю раскрывающиеся меню.

Автор: smartov 8.4.2006, 22:19

Цитата(slavonX86 @ 8.4.2006, 20:01

)

Вот только не могу понять как дописать событие:

Дописать до чего?!? smile

Цитата(slavonX86 @ 8.4.2006, 20:01

)

P.S. > Вобще я делаю раскрывающиеся меню.

А я PHP-программер и еще у меня Firefox.
Только к делу пока что это имеет столько же отношения как и твоя фраза про меню

Автор: Innuendo 8.4.2006, 22:22

Цитата

Вот только не могу понять как дописать событие:

приписать к ячейкам, которую ты создал программно?
ну у тебя есть с ней какая-то связь? используй setAttribute('onMouseOut','this.style.backgroundColor="#FFFFFF"')

Автор: slavonX86 9.4.2006, 11:03

Вот такая таблица

Код


<TABLE width="175" id="myTABLE" border="0" cellpadding="3" cellspacing="1" align="center">

<tr>
  <td bgcolor="#F8F8F8"><img src="arrow200.gif"></td> 
  <td bgcolor="#F8F8F8" onMouseOver="this.style.backgroundColor='#E2EDF5'"
                       onMouseOut="this.style.backgroundColor='#F8F8F8'" 
                    onClick="myTABLE.parentNode.removeChild(myTABLE)"
                    height="20"><a href="http:\\x-zona.ru\" class="menu">&nbsp;Главная</a></td>
</tr>

<tr>
  <td bgcolor="#F8F8F8"><img src="arrow200.gif"></td> 
  <td bgcolor="#F8F8F8" onMouseOver="this.style.backgroundColor='#E2EDF5'"
                       onMouseOut="this.style.backgroundColor='#F8F8F8'" 
                    onClick="myTABLE.parentNode.removeChild(myTABLE)"
                    height="20"><a href="http:\\x-zona.ru\" class="menu">&nbsp;О проекте</a></td>

</tr>

</TABLE>

Как добавить ещё такой текст:

Код


<tr>
  <td bgcolor="#F8F8F8"><img src="arrow200.gif"></td> 
  <td bgcolor="#F8F8F8" onMouseOver="this.style.backgroundColor='#E2EDF5'"
                       onMouseOut="this.style.backgroundColor='#F8F8F8'" 
                    onClick="myTABLE.parentNode.removeChild(myTABLE)"
                    height="20"><a href="http:\\x-zona.ru\" class="menu">&nbsp;Игры</a></td>
</tr>

???

Автор: Innuendo 9.4.2006, 11:49

почему ты не можешь сразу вручную завести всю таблицу?
А вообще как создавать элементы(вчастности таблицы) программно, хорошо описывается здесь:
http://forum.vingrad.ru/index.php?showtopic=86102&view=findpost&p=661526

Автор: smartov 9.4.2006, 12:17

slavonX86,

Цитата(Innuendo @ 9.4.2006, 10:49

)

почему ты не можешь сразу вручную завести всю таблицу?

ЛОгично. Создать надо всю таблицу. Просто показывать не всю.

Автор: Innuendo 9.4.2006, 12:36

а, да. у тебя же меню тем более.
Создаешь полностью всю таблицу...
Даёшь ячейкам, что надо id. И style="display:none".. и уже там скрипт будет, то показывать одни, то прятать, с помощью свойства display.

Автор: slavonX86 9.4.2006, 13:55

а как из скрипта изменить style="display:marker" ?

Автор: Ciber SLasH 9.4.2006, 13:58

элемент.style.display = "marker";

Автор: slavonX86 9.4.2006, 14:12

Код


<tr id = "abc" style="display:none">    
  <td bgcolor="#F8F8F8"><img src="arrow200.gif"></td>    
  <td bgcolor="#F8F8F8" onMouseOver="this.style.backgroundColor='#E2EDF5'"    
                       onMouseOut="this.style.backgroundColor='#F8F8F8'"    
                    onClick="myTABLE.parentNode.removeChild(myTABLE)"    
                    height="20"><a href="http:\\x-zona.ru\" class="menu">&nbsp;Игры</a></td>    
</tr>

abc.style.display = "marker";

не работает !

Автор: Ciber SLasH 9.4.2006, 14:21

По ходу marker не поддерживается JS-ом.
Устанавливай так: document.getElementById('abc').style.display = "block";

Автор: slavonX86 9.4.2006, 14:29

Оно криво выводится!

Автор: Innuendo 9.4.2006, 14:41

маркер это что вообще такое? smile

если надо срятать, то style.display="none", а если показать то просто style.display=""
Добавлено @ 14:44

Цитата(slavonX86 @ 9.4.2006, 14:12

)

abc.style.display = "marker";

abc это только id, а не переменная с элементом.
Обратится к элементу надо так: document.getElementById("abc")

а зачем там у теяб в меню удаление ячеек? ты хочешь их проприсовать и удалять когда меню закрывается/открывается? зачем?
прорисуй меню - таблицу, задай всем id... лучше ветвистые типа 1_1, 1_2, 2_1 и т.д. И будет гораздо легче.

Автор: slavonX86 9.4.2006, 16:44

блин, чё-то я вобще запутался smile

Вот так я прячу часть таблицы:

Код


<tr id = "abc" style="display:none">     
  <td bgcolor="#F8F8F8"><img src="arrow200.gif"></td>     
  <td bgcolor="#F8F8F8" onMouseOver="this.style.backgroundColor='#E2EDF5'"     
                       onMouseOut="this.style.backgroundColor='#F8F8F8'"     
                    onClick="myTABLE.parentNode.removeChild(myTABLE)"     
                    height="20"><a href="http:\\x-zona.ru\" class="menu">&nbsp;Игры</a></td>     
</tr>

А вот так отображаю:

Код


document.getElementById('abc').style.display = "block";

И отображается как-то криво !

Автор: Innuendo 9.4.2006, 19:26

onClick="myTABLE.parentNode.removeChild(myTABLE)"

вот это- не понятно что-такое.
так как это атрибут тега, myTABLE он просто не понимает.

Скажи точно, какое меню тебе надо.. я покажу на примере одном, и дальше ты сам сделаешь.
Прятать надо через:
document.getElementById('abc').style.display = "none";