Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ???? / 11 сообщений из 11, страница 1 из 1
28.02.2008, 11:26
    #35160019
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Видел в инете списки, которые при клике на + раскрываются и показываются подсписки.
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.02.2008, 11:37
    #35160071
Garry80
Garry80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
style="display:none" - style="display:block"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.02.2008, 12:44
    #35160344
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Garry80style="display:none" - style="display:block"

А примерчик не сможете дать, хотя бы самый простой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.02.2008, 12:49
    #35160364
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Вам дали всё необходимое для решения вопроса. При onclick на плюсе мы показываем список (display:block), а при onclick на минусе, соответственно, прячем (display:none). Всё. Остальное - основы жабаскрипта, которые есть везде
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.02.2008, 12:46
    #35162972
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
SkyLightВам дали всё необходимое для решения вопроса. При onclick на плюсе мы показываем список (display:block), а при onclick на минусе, соответственно, прячем (display:none). Всё. Остальное - основы жабаскрипта, которые есть везде

А список какой использовать этот
Код: plaintext
<ul>
?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.02.2008, 14:20
    #35163344
Garry80
Garry80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
armix2000 SkyLightВам дали всё необходимое для решения вопроса. При onclick на плюсе мы показываем список (display:block), а при onclick на минусе, соответственно, прячем (display:none). Всё. Остальное - основы жабаскрипта, которые есть везде

А список какой использовать этот
Код: plaintext
<ul>
?

Вы можете использовать что вам "ближе к телу". Хоть <ul>, хоть <div>, хоть <select>, хоть <p>. У всех элементов есть стиль дисплей.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.03.2008, 16:56
    #35167664
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Garry80 armix2000 SkyLightВам дали всё необходимое для решения вопроса. При onclick на плюсе мы показываем список (display:block), а при onclick на минусе, соответственно, прячем (display:none). Всё. Остальное - основы жабаскрипта, которые есть везде

А список какой использовать этот
Код: plaintext
<ul>
?

Вы можете использовать что вам "ближе к телу". Хоть <ul>, хоть <div>, хоть <select>, хоть <p>. У всех элементов есть стиль дисплей.

А как реализовать полоски межде +/- кнопками, ну вроде дерева?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.03.2008, 17:11
    #35167728
ПикеЯ
ПикеЯ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
<HTML>

<BODY>

<!-- [client side code for collapsing and unfolding branches] -->
<SCRIPT LANGUAGE="JavaScript">

// ---------------------------------------------
// --- Name:    Easy DHTML Treeview           --
// --- Author:  D.D. de Kerf                  --
// --- Version: 0.1           Date: 6-6-2001  --
// ---------------------------------------------
function Toggle(node)
{
    // Unfold the branch if it isn't visible
    if (node.nextSibling.style.display == 'none')
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "minus.gif";
            }
        }

        node.nextSibling.style.display = '';
    }
    // Collapse the branch if it IS visible
    else
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "plus.gif";
            }
        }

        node.nextSibling.style.display = 'none';
    }

}
</SCRIPT>


<H1>Easy DHTML TreeView</H1>
This is an example of a simple static treeview in action. Notice that the only functionality is provided inside the Toggle function. The complexity of the treeview HTML (numerous TABLE-tags) is provided purely for correct presentation.<BR><BR>

<HR>

<!-- [Example of a treeview in action] -->

<TABLE BORDER= 1 >
    <TR>
        <TD>
        <TABLE BORDER= 1 >
            <TR>
                <TD>
                <IMG SRC="leaf.gif"> Analysis
                <DIV></DIV>
                </TD>
            </TR>
        </TABLE>
   </Td></Tr>

   <TR><TD>
      <TABLE BORDER= 1 ><TR><TD><A onClick="Toggle(this)"><IMG SRC="minus.gif"> Implementation</A><DIV>

         <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> PHP<DIV>
         </DIV></TD></TR></TABLE>

         <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><A onClick="Toggle(this)"><IMG SRC="minus.gif"> Visual C++</A><DIV>

            <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> Memory Leak problems<DIV>
            </DIV></TD></TR></TABLE>

            <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> Database problems<DIV>
            </DIV></TD></TR></TABLE>

         </DIV></TD></TR></TABLE>

      </DIV></TD></TR></TABLE>
   </TR></TD>

   <TR><TD>
      <TABLE BORDER= 1 ><TR><TD><IMG SRC="leaf.gif"> Design<DIV></DIV>
      </TD></TR></TABLE>
  </TR></TD>

</TABLE>

<BR><BR>
<HR>
<I>For questions and suggestions, please contact the author:<BR>
D.D. de Kerf<BR>
(dddekerf@dds.nl or D.deKerf@bodegro.com)<BR></I>
</BODY>
</HTML>
честностыретый пример
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.03.2008, 11:40
    #35172193
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
ПикеЯ
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
<HTML>

<BODY>

<!-- [client side code for collapsing and unfolding branches] -->
<SCRIPT LANGUAGE="JavaScript">

// ---------------------------------------------
// --- Name:    Easy DHTML Treeview           --
// --- Author:  D.D. de Kerf                  --
// --- Version: 0.1           Date: 6-6-2001  --
// ---------------------------------------------
function Toggle(node)
{
    // Unfold the branch if it isn't visible
    if (node.nextSibling.style.display == 'none')
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "minus.gif";
            }
        }

        node.nextSibling.style.display = '';
    }
    // Collapse the branch if it IS visible
    else
    {
        // Change the image (if there is an image)
        if (node.children.length > 0)
        {
            if (node.children.item(0).tagName == "IMG")
            {
                node.children.item(0).src = "plus.gif";
            }
        }

        node.nextSibling.style.display = 'none';
    }

}
</SCRIPT>


<H1>Easy DHTML TreeView</H1>
This is an example of a simple static treeview in action. Notice that the only functionality is provided inside the Toggle function. The complexity of the treeview HTML (numerous TABLE-tags) is provided purely for correct presentation.<BR><BR>

<HR>

<!-- [Example of a treeview in action] -->

<TABLE BORDER= 1 >
    <TR>
        <TD>
        <TABLE BORDER= 1 >
            <TR>
                <TD>
                <IMG SRC="leaf.gif"> Analysis
                <DIV></DIV>
                </TD>
            </TR>
        </TABLE>
   </Td></Tr>

   <TR><TD>
      <TABLE BORDER= 1 ><TR><TD><A onClick="Toggle(this)"><IMG SRC="minus.gif"> Implementation</A><DIV>

         <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> PHP<DIV>
         </DIV></TD></TR></TABLE>

         <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><A onClick="Toggle(this)"><IMG SRC="minus.gif"> Visual C++</A><DIV>

            <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> Memory Leak problems<DIV>
            </DIV></TD></TR></TABLE>

            <TABLE BORDER= 1 ><TR><TD WIDTH= 10 ></TD><TD><IMG SRC="leaf.gif"> Database problems<DIV>
            </DIV></TD></TR></TABLE>

         </DIV></TD></TR></TABLE>

      </DIV></TD></TR></TABLE>
   </TR></TD>

   <TR><TD>
      <TABLE BORDER= 1 ><TR><TD><IMG SRC="leaf.gif"> Design<DIV></DIV>
      </TD></TR></TABLE>
  </TR></TD>

</TABLE>

<BR><BR>
<HR>
<I>For questions and suggestions, please contact the author:<BR>
D.D. de Kerf<BR>
(dddekerf@dds.nl or D.deKerf@bodegro.com)<BR></I>
</BODY>
</HTML>
честностыретый пример

Спсибо за пример, есть правда пробюлема - не работает в Mozilla и NN, как можно пофиксить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.03.2008, 12:24
    #35172395
ПикеЯ
ПикеЯ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
armix2000
Спсибо за пример, есть правда пробюлема - не работает в Mozilla и NN, как можно пофиксить?
есть такое дело. разные браузеры чилдренов, парентов и прочих сиблингов иногда по-разному считают.
пример я полОжил исключительно в демонстрационных целях - куча вложенных таблиц мне самому не нравится, но принцип увидеть и понять можно.
списками , дивами имхо проще.

Код: plaintext
1.
2.
3.
4.
5.
<i  onclick="showHideSelection(this,'sprav')" style='cursor:hand;' class='sprav'>[+] Дов_дники...</i>
<div style="display:none;" id='sprav'><br>
    <a href = "sprav/str_firm.php"  target="detail">Страхов_ Компан_ї</a><br>
    <a href = "sprav/kred_prog.php" target="detail">Кредитн_ програми</a><br>    
    <a href = "sprav/spr_val.php" target="detail">Валюти</a><br>
</div>

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
function showHideSelection(ths,str){
    var obj=document.getElementById(str);
    if(obj.style.display=='inline'){
        obj.style.display='none';
        tmpStr='[+]'+ths.innerHTML.substr( 3 );
        ths.innerHTML=tmpStr;
    }else{
        obj.style.display='inline';
        tmpStr='[-]'+ths.innerHTML.substr( 3 );
        ths.innerHTML=tmpStr;
    }
}

вот так я делаю, не фонтан - но легко вспомнить, что я имел ввиду))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.03.2008, 15:22
    #35180647
armix2000
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
нужно меню типа http://www.pleer.ru как здесь

может кто встречал исходники, неохота кавырять ентот сайт!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ???? / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 504ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456810]:
 0ms
get settings:
 9ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 163ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 247ms
total:  504ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]