Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[3.136.154.103] |
|
Страницы: (2) 1 [2] все ( Перейти к последнему сообщению ) |
Сообщ.
#16
,
|
|
|
Цитата Mixxx, 9.09.04, 10:00 А что такое hidden? Пардон, был не прав, исправлюсь. Попутался с абсолютно другой вещью. Глюк-с... |
Сообщ.
#17
,
|
|
|
Вот примерчиков парочка, написано за 15 минут, так что
не пужайтесь сильно Читать с форума, наверное, невозможно, но если скопировать... Пара недостатков: жестко привязан к конструкции таблиц (для другой структуры будет необходимо немного переписать скрипты). А еще разобраться сложно <html> <head> <style type="text/css"> .ultd { border-bottom: 1px solid black; } .ultd { border-up: 1px solid black; } </style> <script language="JavaScript"> function Toggle(node,tagDes) { if (node.nextSibling.nextSibling.style.display == 'none') { if (node.children.length > 0) { if (node.children.item(0).tagName == "IMG") { node.children.item(0).src = "minus.gif"; } } node.nextSibling.nextSibling.style.display = 'block'; DoSize(document.all['upperTr'],tagDes,1); DoSizeL(document.all['upperTr'],tagDes,1); } else { if (node.children.length > 0) { if (node.children.item(0).tagName == "IMG") { node.children.item(0).src = "plus.gif"; } } node.nextSibling.nextSibling.style.display = 'none'; DoSize(document.all['upperTr'],tagDes,2); DoSizeL(document.all['upperTr'],tagDes,2); } } function DoSizeL(node,tagDes,opcl) { if (node.nextSibling) { if (node.children.length>0) { for (i=0; i<node.nextSibling.children.item(0).children.item(0).children.item(0).children.length; i++) { if (node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).className=='i'+tagDes+'i') { if (opcl==1) {node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='block'; } else { node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='none'; } } } } DoSizeL(node.nextSibling,tagDes,opcl); } } function DoSize(node,tagDes,opcl) { if (node.nextSibling) { if (node.nextSibling.className=='i'+tagDes+'i') { if (opcl==1) { node.nextSibling.style.display='block'; } else { node.nextSibling.style.display='none'; } } DoSize(node.nextSibling,tagDes,opcl); } } </script> </head> <body style="font-family: serif, Arial; font-size: 11;"> <center> <table cellspacing="0" cellpadding="0"> <tr style="background: #AAAAAA; height: 35px; position: relative;"><td colspan="2"><img align="left" style="position: relative; top: 7; left: -3;" src="down2.gif" border="0"><div style="position: relative; top: 11; left: -3; font-size: 13;">Московская ж.д.</div> <div align="right" style="position: absolute; top: 11; font-size: 13; right: 0;"><b>ВНИИАС. Пример дерева.   </b></div></td></tr> <tr><td style="width: 130px; border-left: 1px solid black;"><div style="position: relative; top: 0; left: 0; width: 100%; height: 100%;"> <TABLE cellspacing="0" cellpadding="0" BORDER="0" style="border-bottom: 1px solid black; width: 100%;"> <tr><td style="width: 100%;"> <a onClick="Toggle(this,'1');"> <IMG src="plus.gif" style="cursor: hand;" Click="alert('');"></a><font> C:\</font><DIV style="display: none; position: relative; left: 10;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td> <a onClick="Toggle(this,'2');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Program Files</font><DIV style="display: none;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td>    <IMG src="dot.gif"> setup.exe</td></tr> <tr><td>    <IMG src="dot.gif"> MSoffice.exe</td></tr> <tr><td>    <IMG src="dot.gif"> conf.txt</td></tr> </table> </DIV> </td></tr> <tr><td> <a onClick="Toggle(this,'3');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Works</font><DIV style="display: none;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td>    <IMG src="dot.gif"> java.java</td></tr> <tr><td>    <IMG src="dot.gif"> jsp.jsp</td></tr> </table> </DIV> </td></tr> <tr><td> <a onClick="Toggle(this,'4');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> Windows</font><DIV style="display: none;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td>    <IMG src="dot.gif"> win.exe</td></tr> </table> </DIV> </td></tr> </table> </DIV> </td></tr> <tr><td style="width: 100%;"> <a onClick="Toggle(this,'5');"> <IMG src="plus.gif" style="cursor: hand;" Click="alert('');"></a><font> D:\</font><DIV style="display: none; position: relative; left: 20;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td> <a onClick="Toggle(this,'6');"> <IMG src="plus.gif" style="cursor: hand;"></a><font> autorun</font><DIV style="display: none;"> <table cellspacing="0" cellpadding="0" border="0"> <tr><td>    <IMG src="dot.gif"> autorun.inf</td></tr> </table> </DIV> </td></tr> </table> </DIV> </td></tr> </TABLE></td><td> <div style="position: relative; top: 0; left: 0; width: 500px;"> <TABLE cellspacing="0" cellpadding="0" style="border-right: 1px solid black; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;"> <tr><td width="700"> <table cellspacing="0" cellpadding="0"> <tr name="upperTr" id="upperTr" width="700px"><td> <table cellspacing="0" cellpadding="0"> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td> </tr> <tr class="i1i" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td> <table cellspacing="0" cellpadding="0"> <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> <tr class="i2i" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> </table> </td></tr> <tr class="i1i" name="aaa" id="aaa" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td> <table cellspacing="0" cellpadding="0"> <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> <tr class="i3i" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> </table> </td></tr> <tr class="i1i" name="aaa" id="aaa" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td> <table cellspacing="0" cellpadding="0"> <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> <tr class="i4i" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> </table> </td></tr> <tr class="i5i" name="aaa" id="aaa" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td> <table cellspacing="0" cellpadding="0"> <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> <tr class="i6i" style="display: none;"><td> <table cellspacing="0" cellpadding="0"> <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr> </table> </td></tr> </table> </td></tr> </table> </td></tr> </TABLE> </center> </body> </html> |
Сообщ.
#18
,
|
|
|
Суть_Зла,
1. пользуй свой ник, который ты уже зарегил ! 2. ето можно было и приатачить еслиб ты выполнил пункт 1. |
Сообщ.
#19
,
|
|
|
offtop: понял, понял, каюсь-каюсь... больше не буду.
PS: то-то я думал, где аттач?? |