VPF::Меню в виде дерева - Форум программистов

Vinograd

Дата 25.9.2007, 10:57 (ссылка)

(голосов:1)

Загрузка ...

Новичок

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

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

Привет всем!
Пытаюсь написать скрипт в виде дерева объектов. smile

. Под узлы раскрываются, всё отлично, но я не мого поменять рисунок (если узел закрыт то "+" если открыт то "-"). Вот код скрипта:

Код


var plus=new Image(); exImg.src='hlpExpnd.gif';
var minus=new Image(); unImg.src='hlpColla.gif';
function init()
{
    oTop=new Array();
    oTop[0]=new makeMenu('box0','divMain');
    oTop[1]=new makeMenu('box1','divMain');
}        

function show_hide(id)
{ 
  if (document.getElementById(id).style.display == 'none') 
  {
      document.getElementById(id).style.display = ''; 
      oTop[id].ref["img"+id].src = minus.src;
  }
  else 
  {
      document.getElementById(id).style.display = 'none'; 
      oTop[id].ref["img"+id].src = plus.src;
  } 
}

Код


<div id="divMain">
    <div id="box0">
        <a href="#" onclick="javascript:show_hide(0); return false">
        <img name="img0" id="img0" src="hlpExpnd.gif" align=center border=0>
        </a> Node one
            <div id=0 style="DISPLAY: none">
                 Sub node1
            </div>
    </div>
        
    <div id="box1">
        <a href="#" onclick="javascript:show_hide(1); return false">
        <img name="img1" id="img1" src="hlpExpnd.gif" align=center border=0>
        </a> Node two            
            <div id=1 style="DISPLAY: none"> 
              Sub node2
            </div>
    </div>
                
</div>

Кто подскажет в чём проблема? Где я ошибся?

PS: Можно решить эту задачу другим образом, это поставить два рисунка рядом я при щелчке скрывать один, затем второй. Но это как по варварски!

Это сообщение отредактировал(а) Aliance - 14.12.2007, 21:14

Vinograd

Дата 26.9.2007, 10:25 (ссылка)

(голосов:1)

Загрузка ...

Новичок

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

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

ГДЕ ВЫ ЛЮДИ???????

Всё оказалось просто.

Код


<script language="JavaScript">    
var plus=new Image(); plus.src='hlpExpnd.gif'
var minus=new Image(); minus.src='hlpColla.gif'
function show_hide(id)
{    
    if (document.getElementById(id).style.display == 'none') 
    {
      document.getElementById(id).style.display = ''; 
      document.getElementById("node"+id).src=minus.src; 
    }
    else   
    {
      document.getElementById(id).style.display = 'none'; 
      document.getElementById("node"+id).src=plus.src;
    }                 
}  
</script>
</head>

<body>
    <h4>
    <a href="javascript:show_hide(0)">
                <img src="hlpExpnd.gif" name="node0" border="0">
                </a>Created AOT objects
    </h4>        
    <div id="0" style="DISPLAY: none">
         Sub node1
    </div>
            
    <h4>
    <a href="javascript:show_hide('1')">
    <img src="hlpExpnd.gif" name="node1" border="0"></a>
     Modified and deleted AOT objects            
    </h4>        
    <div id="1" style="DISPLAY: none"> 
        Sub node2
    </div>

Это сообщение отредактировал(а) Aliance - 14.12.2007, 21:14

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