VPF::TREE-Control - Форум программистов

Tony

Дата 20.8.2007, 14:56 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1159
Регистрация: 3.3.2006
Где: Riga

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

Приветик реалны smile

е пацаны.

Код


<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript">
            function hideShowTreeNode(obj,imOpen,imClose){            
                var tdEl = obj.parentNode;
                var trElIndex = tdEl.parentNode.rowIndex+1;
                var tbaleEl = tdEl.parentNode.parentNode.parentNode;
                var rowsCount = tdEl.parentNode.parentNode.parentNode.rows.length;
                
                for (i = trElIndex;i<rowsCount;i++){
                    var nextTrEl = tbaleEl.rows[i];
                    if (navigator.appName.indexOf("Microsoft")!=-1)
                        if (nextTrEl.style.display=='' || nextTrEl.style.display=="block"){
                            nextTrEl.style.display = "none";
                            obj.src = imClose;
                        }else{
                            nextTrEl.style.display = "block";
                            obj.src = imOpen;
                        }
                    else{    
                        if (nextTrEl.style.display=="" || nextTrEl.style.display=="table-row"){
                            nextTrEl.style.display = "none";
                            obj.src = imClose;
                        }else{
                            nextTrEl.style.display = "table-row";
                            obj.src = imOpen;
                        }
                    }
                }
            } 
        </script>
        <style type="text/css">    
            .tree{
            padding-top: 4px;
        }
        .treeNode{
            padding-left: 6px;
            font: bold 14px arial;
            color: #828282;
        }
        .treeTextNode{
            padding-left: 10px;
            font: normal 14px arial;
            color: #828282;
        }
        .treeDecor{
            border-left: 1px dashed  #C2C2C2;
            border-bottom: 1px dashed  #C2C2C2;
        }
        .treeNodeDecor{
            border-left: 1px dashed  #C2C2C2;
            border-bottom: 1px dashed  #C2C2C2;
        }
        </style>
    </head>
    <body>
        <table border="0" cellspacing="0" cellpadding="0" class="tree">
            <tbody>
                <tr>
                    <td width="10"><img src="open.gif" onclick="hideShowTreeNode(this,'open.gif','close.gif')" class="treeNodeImg"/></td>
                    <td width="290" class="treeNode">caption</td>
                </tr>
                <tr>
                    <td class="treeTextNodeDecor"><div></div></td>
                    <td class="treeTextNode">some body fllllllllllllllllll flllllllll flllllllll</td>
                </tr>
                <tr>
                    <td class="treeTextNodeDecor"><div></div></td>
                    <td class="treeTextNode">some body bbbbbbbbbbbbbbbbbb</td>
                </tr>
                <tr>
                    <td class="treeTextNodeDecor"></td>
                    <td>
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td width="10"><img src="open.gif" onclick="hideShowTreeNode(this,'open.gif','close.gif')"/></td>
                                    <td  width="290" class="treeNode">caption</td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td class="treeTextNode">some body fllllllllllllllllll flllllllll flllllllll</td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td class="treeTextNode">some body bbbbbbbbbbbbbbbbbb</td>
                                </tr>
        
                            </tbody>    
                        </table>
                    </td>
                </tr>
            </tbody>    
        </table>
        
    </body>
</html>

Это сообщение отредактировал(а) Tony - 20.8.2007, 15:00

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

Izabela

Дата 23.8.2007, 12:00 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата

XML Parsing Error: not well-formed

??????????????

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

Tony

Дата 23.8.2007, 23:00 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1159
Регистрация: 3.3.2006
Где: Riga

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

В опере, ФФ, ИЕ иткривает. Для полного с4яст'я script i style загани в CDATA.

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

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