Открытие содержимого

[dima333]

Открытие содержимого

Надо сделать как бы дерево.
Есть строчка, впереди нее "+". Как сделать чтобы при нажатии на "+" открывалась еще несколько строчек???

 

[Mr_Max]

мммм.......?
http://www.google.com.ua/search?hl=ru&client=firefox-a&rls=org.mozilla:ru:official&hs=5tk&q=Dynamically+adding+onclick+to+element&btnG=Поиск&meta=

 

[dima333]

Нашёл я как это сделать, но возникла такая проблема, когда открылась страница, он все дерево открывает. Надо чтобы оно было закрыто и только после нажатия на "+" открывалось.


Вот код:

<SCRIPT language=Javascript>


function regions_tree_proc( idstart ) {
var a = document.getElementById('a_'+idstart);
var a_text = '+', shw = false;
if ( a.innerHTML == '+' ) {
a_text = '&ndash;';
shw = true;
}
a.innerHTML = a_text;
a.blur();
var trs = document.getElementsByTagName('TR');
var id_re = new RegExp( '^' + idstart + '_' );
for( var i=0; i < trs.length; i++ ) {
if ( trs.id.match(id_re) ) {
if ( shw ) {
trs.className = trs.className.replace(/ trH/, '');
} else {
trs.className += ' trH';
}
}
}
var tr = document.getElementById( idstart );
if ( tr ) {
if ( shw ) {
tr.className += ' tagg';
} else {
tr.className = tr.className.replace(/ tagg/g, '');
}
}
return false;
}

</SCRIPT>


Потом остальной весь код, доходим до дерева:

<td width="113"><font face="Bookman Old Style" size="2">$row[nazvan]</font></td>


<TR class="tdata tagg" id=.$r._10002 vAlign=top>
<TD class=name style="PADDING-LEFT: 0px" noWrap colspan="2"><A
id=a_.$r._10002
onclick="return regions_tree_proc('.$r._10002');"
href="">-</A>
<I>Список вакансий</I> </TD>
</TR>


<TR class="tdata " id=.$r._10002_84 vAlign=top>
</TR>

дальше идёт цикл в котором заполняется дерево:

<TR class="tdata " id=.$r._10002_95 vAlign=top>
<TD class=name style="PADDING-LEFT: 1px" noWrap colspan="2">&nbsp;&nbsp;
<font face="Bookman Old Style" size="2"><a target="_blank" href="index.php?id=3&sid=$row2[id]">$row2[vakan]</a></font></TD>



Как при загрузки страницы, сделать чтобы дерево не окрывалось???


В начале страницы еще стили есть:
<STYLE>TR.trH {
DISPLAY: none
}
TR.tdata A {
COLOR: black; TEXT-DECORATION: none
}
TR.tdisabled A {
COLOR: black; TEXT-DECORATION: none
}
TR.tagg TD.R {
COLOR: #bbb
}
</STYLE>
Без них дерево не работает.

 

[kruglov]

В куку или сессию пишите или аргументом передавайте, что там открыто.

 

[dima333]

Эт как какой параметр передать???

 

[kruglov]

Ну как, через адресную строку, page?open=123

-~{}~ 16.09.08 15:03:

Вообще, не нравятся мне слова "Нашёл я как это сделать", скрипт не ваш, что ли? Тогда вам нужны услуги программиста.

 

[dima333]

непонял.... И что всё содержимое дерева закрыто будет???