Форум на Исходниках.RU

Как реализовать структуру дерева?

Суть Зла — Sat, 11 Sep 2004 21:16:23 +0000

Суть Зла: offtop: понял, понял, каюсь-каюсь... больше не буду.

PS: то-то я думал, где аттач?? :D

Как реализовать структуру дерева?

SergeS — Sat, 11 Sep 2004 20:04:13 +0000

SergeS: Суть_Зла,
1. пользуй свой ник, который ты уже зарегил !
2. ето можно было и приатачить еслиб ты выполнил пункт 1.

Как реализовать структуру дерева?

Суть_Зла — Sat, 11 Sep 2004 10:41:19 +0000

Суть_Зла: Вот примерчиков парочка, написано за 15 минут, так что
не пужайтесь сильно ;)
Читать с форума, наверное, невозможно, но если скопировать...
Пара недостатков: жестко привязан к конструкции таблиц
(для другой структуры будет необходимо немного переписать скрипты).
А еще разобраться сложно :D

<html>

<head>

.ultd {

border-bottom: 1px solid black;

}

.ultd {

border-up: 1px solid black;

}

</style>

function Toggle(node,tagDes) {

if (node.nextSibling.nextSibling.style.display == 'none') {

if (node.children.length > 0) {

if (node.children.item(0).tagName == "IMG") {

node.children.item(0).src = "minus.gif";

}

node.nextSibling.nextSibling.style.display = 'block';

DoSize(document.all['upperTr'],tagDes,1);

DoSizeL(document.all['upperTr'],tagDes,1);

} else {

if (node.children.length > 0) {

if (node.children.item(0).tagName == "IMG") {

node.children.item(0).src = "plus.gif";

}

node.nextSibling.nextSibling.style.display = 'none';

DoSize(document.all['upperTr'],tagDes,2);

DoSizeL(document.all['upperTr'],tagDes,2);

}

function DoSizeL(node,tagDes,opcl) {

if (node.nextSibling) {

if (node.children.length>0) {

for (i=0; i<node.nextSibling.children.item(0).children.item(0).children.item(0).children.length; i++) {

if (node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).className=='i'+tagDes+'i') {

if (opcl==1) {node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='block'; }

else { node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='none'; }

}

DoSizeL(node.nextSibling,tagDes,opcl);

}

function DoSize(node,tagDes,opcl) {

if (node.nextSibling) {

if (node.nextSibling.className=='i'+tagDes+'i') {

if (opcl==1) { node.nextSibling.style.display='block'; }

else { node.nextSibling.style.display='none'; }

}

DoSize(node.nextSibling,tagDes,opcl);

}

</script>

</head>

<tr style="background: #AAAAAA; height: 35px; position: relative;"><td colspan="2"><img align="left" style="position: relative; top: 7; left: -3;" src="down2.gif" border="0"><div style="position: relative; top: 11; left: -3; font-size: 13;">Московская ж.д.</div> <div align="right" style="position: absolute; top: 11; font-size: 13; right: 0;"><b>ВНИИАС. Пример дерева. </b></div></td></tr>

<a onClick="Toggle(this,'2');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Program Files</font><DIV style="display: none;">

<tr><td> <IMG src="dot.gif"> setup.exe</td></tr>

<tr><td> <IMG src="dot.gif"> MSoffice.exe</td></tr>

</table>

</DIV>

</td></tr>

<a onClick="Toggle(this,'3');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Works</font><DIV style="display: none;">

</table>

</DIV>

</td></tr>

<a onClick="Toggle(this,'4');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Windows</font><DIV style="display: none;">

</table>

</DIV>

</td></tr>

</table>

</DIV>

</td></tr>

<a onClick="Toggle(this,'6');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> autorun</font><DIV style="display: none;">

<tr><td> <IMG src="dot.gif"> autorun.inf</td></tr>

</table>

</DIV>

</td></tr>

</table>

</DIV>

</td></tr>

</TABLE></td><td>

</table>

</td>

</tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</table>

</td></tr>

</TABLE>

</center>

</body>

</html>

Как реализовать структуру дерева?

Астарот — Fri, 10 Sep 2004 06:48:06 +0000

Астарот:

Цитата

Mixxx, 9.09.04, 10:00
А что такое hidden?

Пардон, был не прав, исправлюсь. Попутался с абсолютно другой вещью. :wall: Глюк-с... :blink:

Как реализовать структуру дерева?

Mixxx — Thu, 09 Sep 2004 07:00:54 +0000

Mixxx:

Цитата

Astaroth, 8.09.04, 19:09
Кстати, а что насчет не display, а hidden? В чем разница? Противопоказания есть?

:blink: А что такое hidden?

Как реализовать структуру дерева?

Астарот — Thu, 09 Sep 2004 06:53:18 +0000

Астарот: Так и я обо что! Это ввиду и имел.

Как реализовать структуру дерева?

Rom@nych — Wed, 08 Sep 2004 15:49:50 +0000

Rom@nych: Astaroth, obj - это

document.getElementById(element_id)

Как реализовать структуру дерева?

Астарот — Wed, 08 Sep 2004 13:09:47 +0000

Астарот: obj я так понял это то, что ты прописал в id

<a id="ssilka" .......>My Super Link</a>

Не знаю сработает ли это дело относительно , но вот

прятать одно удовольствие, я думаю.
Кстати, а что насчет не display, а hidden? В чем разница? Противопоказания есть?

Как реализовать структуру дерева?

SER-Gun — Wed, 08 Sep 2004 08:56:57 +0000

SER-Gun: obj в данном случае это имя объекта?
Вот у меня предположим есть текст:
Ссылка 1
Ссылка 2
Как его выделить в единый блок? Который будет исчезать и появляться?

Как реализовать структуру дерева?

Mixxx — Wed, 08 Sep 2004 08:26:45 +0000

Mixxx: Скрыть

obj.style.display='none'

Показать

obj.style.display='block'

А что значит выделить?

Как реализовать структуру дерева?

SER-Gun — Wed, 08 Sep 2004 08:16:14 +0000

SER-Gun: Я там поползал, что-то мне ничего не понравилось...
Есть вопрос следующий, как скрыть какой-то блок, а потом его вывести при нажатии на какой-то элемент. И как вообще выделить этот блок. Желательно на примерчике, если у кого есть.

Как реализовать структуру дерева?

Rom@nych — Tue, 07 Sep 2004 12:26:15 +0000

Rom@nych:

Цитата

SER-Gun, 7.09.04, 04:52
а потом можно их сделать видимыми?

Естественно! display: block; Для чего нужен? Даю ссылку на сайт. Там есть классные скрипты менюшек - глянь!
http://www.twinhelix.com/
P.S.: остальным тоже советую!

Как реализовать структуру дерева?

SER-Gun — Tue, 07 Sep 2004 05:52:02 +0000

SER-Gun: Большое спасибо за советы. Но у меня ситуация такая, что не хотел бы использовать XML...Выходные данные у меня подгатавливает php скрипт. И мне просто необходимо правильно понять, как реализовывается это меню...Чтобы оно разворачивалось и сворачивалось при нажатии на пункты. Я предполагал сделать это следующим способом. Подгружать все, но некоторые блоки делать hidden, а потом можно их сделать видимыми? :whistle:

Как реализовать структуру дерева?

shipbrother — Tue, 07 Sep 2004 05:32:12 +0000

shipbrother: да, с помошью тега .

Как реализовать структуру дерева?

Mixxx — Tue, 07 Sep 2004 02:43:54 +0000

Mixxx:

Цитата

shipbrother, 7.09.04, 00:31
использовал xml+javascript(DOM)

Интересно а как именно у тебя реализовано "сцепление"
HTML с XML?
С помощью тега ?

Как реализовать структуру дерева?

shipbrother — Mon, 06 Sep 2004 18:31:53 +0000

shipbrother: если тебе не надо периодически подгружать и отгружать часть меню, как в меню, которое ты найдешь по предложенной Mixxxом ссылке, (то есть все меню сразу при первой загрузке может уже находится в памяти), то могу помочь с готовым кодом. использовал xml+javascript(DOM)
гарантирую работу в IE(больше нигде не тестил), но скрипт можно подправить так, что все будет ок.

Добавлено в 06.09.04, 18:36:
сразу предупредждаю, я не такй спец как Mixxx, поэтому мое решение может быть не таким профессиональным. :) но точно скажу - выглядит оно попроще

Как реализовать структуру дерева?

Mixxx — Mon, 06 Sep 2004 16:16:52 +0000

Mixxx: Велосипед изобретать не надо,
дело в том, что любой HTML документ - это уже дерево.
Примерно такое:

HTML

|----HEAD

| |---TITLE

| |---META

|----BODY

|----DIV

..................

Другой вопрос, что не каждый умеет этим деревом пользоватся.
Вот очень хорошая ссылка Основы DOM
А конкретно про меню читай - Динамическая подгрузка меню (сообщение #447477)

Как реализовать структуру дерева?

SER-Gun — Mon, 06 Sep 2004 10:13:56 +0000

SER-Gun: Ну еще точнее, можно было бы, чтобы я сразу такую менюху формировал, но чтобы вложенные элементы были не видны, а потом при нажатии на пункт появлялось и при повторном нажатии исчезало

Как реализовать структуру дерева?

SER-Gun — Mon, 06 Sep 2004 08:58:18 +0000

SER-Gun: Подскажите пожалуйста, как реализовывается структура дерева...Хотя бы простейшего. Желательно, чтобы поддерживалась большенством броузеров. В итоге на 3-ем уровне будут ссылки. Желательно в текстовом режиме. Т.е. без всяких там выпендронов под винду.

Добавлено в 06.09.04, 09:48:
Уточню, я хочу чтобы у меня было следующее отображение:

Цитата

Пункт 1
Подпункт 1
Ссылка 1
Ссылка 2
Подпункт 2
Подпункт 3
Пункт 2
Подпункт 4
Подпункт 5
Подпункт 6

Чтобы это открывалось динамически из загруженных массивов данных.