VPF::создание дерева (tree) - Форум программистов

Edd

Дата 14.11.2007, 16:52 (ссылка)

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

Загрузка ...

Бывалый

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

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

Нужно создать дерево:

+тема1
+тема2
-тема3
checkbox1
checkbox2
+тема4
...
Пример (В цикле):

Код


$strDivCat .= "<div valign=\"right\" style=\"padding-left: {$left_padding}px\">";
$strDivCat .= "<img src=\"gfx/xtree/Lplus.png\" id=\"icon_{$item["id"]}\" width=\"19\" height=\"16\" border=\"0\" onclick=\"toggle_visible({$item["id"]})\" />";
$strDivCat .= "{$item["name"]}<div id=\"children_{$item["id"]}\" style=\"display:none\"></div>";
   for ($i;$i<count($template_c);$i++)
    {
                 $strDivCat .= "<div valign=\"right\" style=\"padding-left: {$left_padding}px\">";
    if ($template_c[$i]["category_id"]==$item["id"] && $template_d[$i]["name"]!="")
    {   
    $strDivCat .= "<input type=\"checkbox\" name=\"cat_id\" value=\"{$template_d[$template_c[$i]["device_id"]]["id"]}\" />";
    $strDivCat .="{$template_d[$template_c[$i]["device_id"]]["name"]}";//."{$template_d[$template_c[$i]["device_id"]]["id"]}";
    }
    $strDivCat .= "</div>";
    }
$strDivCat .= "</div>";
echo $strDivCat;

Дерево отображается как надо, нужно только чтоб оно открывалось и закрывалось по "+" и "-".
Тоесть нужно, чтоби checkbox либо показывались, либо не показывались.
Может использовать для этого "visible"? Как это реализовать?

solenko

Дата 14.11.2007, 19:33 (ссылка)

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

Загрузка ...

Эксперт

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

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

использовать element.style.display: none; и element.style.display: block;

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

Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.

Castro

Дата 15.11.2007, 00:02 (ссылка)

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

Загрузка ...

Опытный

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

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

visible нельзя использовать, потому что он делает лишь невидимым елемент, но он по прежнему занимает место на странице.
Используйте как писал solenko, element.style.display: none; и element.style.display: block;
Что-то типа

Код


var el=getElementByID("elemID");
(el.style.display: none)?(el.style.display: block):(el.style.display: none);

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

Castro

Дата 15.11.2007, 02:29 (ссылка)

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

Загрузка ...

Опытный

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

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

6) toggle()

Если быть полностью честным, вариантов этой функции существует более чем достаточно. По сути, история ‘переключалки’ происходит от скрытия\показа элемента как реакции на событие. Чтобы упростить дело, я тоже написал одну такую функцию. Я не имею в виду, что эта функция считается наилучшей функцией-’переключалкой’, но в ней заложены основы показа и скрытия элемента.
toggle() слова народные

Код


function toggle(obj) {
    
        var el = document.getElementById(obj);
        if ( el.style.display != 'none' ) {
                el.style.display = 'none';
        }
        else {
                el.style.display = '';
        }
}

Это сообщение отредактировал(а) Castro - 15.11.2007, 02:30

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

Edd

Дата 15.11.2007, 16:41 (ссылка)

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

Загрузка ...

Бывалый

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

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

Uraaa!

Большое спасибо, дерево работает.
Сделал так:

Код


....
$strDivCat .= "<div valign=\"right\"  style=\"display:none\" id=\"{$item["id"]}\">";
.....

И id посылал в функцию.

Castro

Дата 15.11.2007, 20:55 (ссылка)

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

Загрузка ...

Опытный

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

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

Edd, я и так посмотрю, на нескольких формах паралельно атакуете smile

))

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

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