VPF::древовидное меню и его отображение

ElenaSlob

Дата 13.12.2011, 19:35 (ссылка)

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

Загрузка ...

Новичок

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

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

В JS вообще ничего не понимаю, взяла готовый шаблон древовидного меню, переделала на ощупь и вроде все хорошо работает, только отображает все уровни открытыми при открытии страницы. Подскажите, как сделать так, чтобы уровни отображались закрытыми.
Вот код:

Код



<script LANGUAGE="JavaScript">


function Toggle(node)
{
    // Unfold the branch if it isn't visible
    if (node.nextSibling.style.display == 'none')
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "minus.gif";
            }
        }

        node.nextSibling.style.display = '';
    }
    // Collapse the branch if it IS visible
    else
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "plus.gif";
            }
        }

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

}
</SCRIPT>


<h2>Wyszukiwarka według klasyfikacji tematycznej</h2>

<HR color="#375A6E">

<!-- [Example of a treeview in action] -->
<div id="menu1">
<TABLE BORDER=1>
    <TR><TD>
        <TABLE BORDER=1><TR><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif">Wszechświat</A><DIV>
        
          <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> Niebo i atmosfera</A><DIV>
              <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Niebo i ciała niebieskie<DIV>
              </DIV></TD></TR></TABLE>
              <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif">Pogoda i wiatry<DIV>
              </DIV></TD></TR></TABLE> 
         </DIV></TD></TR></TABLE>
         
         
         <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> Ziemia</A><DIV>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Rzeźba terenu<DIV>
            </DIV></TD></TR></TABLE>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> Woda</A><DIV>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Wody wewnętrzne<DIV>
            </DIV></TD></TR></TABLE>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Morza<DIV>
            </DIV></TD></TR></TABLE>
            </DIV></TD></TR></TABLE>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Gleba i jej struktura<DIV>
            </DIV></TD></TR></TABLE>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Minerały<DIV>
            </DIV></TD></TR></TABLE>
            <TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Metale<DIV>
            </DIV></TD></TR></TABLE>
         </DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE>

Код

Это сообщение отредактировал(а) ElenaSlob - 13.12.2011, 20:14

нуп

Дата 13.12.2011, 20:41 (ссылка)

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

Загрузка ...

Ботокодер

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

Репутация: 12
Всего: 33

Задать для главного нода display: none. Либо через css, либо при загрузке через js

ElenaSlob

Дата 13.12.2011, 23:46 (ссылка)

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

Загрузка ...

Новичок

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

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

А где главный нод? и что про него написать в CSS? Просто node {display: none} не прокатывает

JAYBE

Дата 15.12.2011, 09:45 (ссылка)

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

Загрузка ...

Бывалый

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

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

Код


$(document).ready( function() {
 $("#menu1>table").children().hide();
} )

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