VPF::Изменение таблицы - Форум программистов

slavonX86

Дата 8.4.2006, 17:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

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

Ciber SLasH

Дата 8.4.2006, 17:57 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

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

)

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

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

slavonX86

Дата 8.4.2006, 21:01 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

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

Код


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

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

Это сообщение отредактировал(а) slavonX86 - 8.4.2006, 21:04

smartov

Дата 8.4.2006, 22:19 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

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

)

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

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

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

)

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

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

Innuendo

Дата 8.4.2006, 22:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

Цитата

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

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

Это сообщение отредактировал(а) Innuendo - 8.4.2006, 22:23

--------------------

slavonX86

Дата 9.4.2006, 11:03 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

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

Код


<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>

???

Это сообщение отредактировал(а) slavonX86 - 9.4.2006, 11:08

Innuendo

Дата 9.4.2006, 11:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

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

--------------------

smartov

Дата 9.4.2006, 12:17 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

slavonX86,

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

)

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

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

Innuendo

Дата 9.4.2006, 12:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

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

--------------------

slavonX86

Дата 9.4.2006, 13:55 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

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

Ciber SLasH

Дата 9.4.2006, 13:58 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

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

Это сообщение отредактировал(а) Ciber SLasH - 9.4.2006, 13:58

slavonX86

Дата 9.4.2006, 14:12 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

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

slavonX86

Дата 9.4.2006, 14:29 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

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

Innuendo

Дата 9.4.2006, 14:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 2
Всего: 6

маркер это что вообще такое? 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 и т.д. И будет гораздо легче.

Это сообщение отредактировал(а) Innuendo - 9.4.2006, 14:46

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »