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

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

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

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

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

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

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

А как реализовать полоски межде +/- кнопками, ну вроде дерева?
...
Рейтинг: 0 / 0
03.03.2008, 16:56
| Ответить | Цитировать | Написать  
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
    #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
03.03.2008, 17:11
| Ответить | Цитировать | Написать  
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
    #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, 11:40
| Ответить | Цитировать | Написать  
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
    #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
05.03.2008, 12:24
| Ответить | Цитировать | Написать  
Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
    #35180647
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
нужно меню типа http://www.pleer.ru как здесь

может кто встречал исходники, неохота кавырять ентот сайт!
...
Рейтинг: 0 / 0
10.03.2008, 15:22
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как реализовать сворачивающийся/разворачивающийся список, при нажатии на -/+ ????
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35160071&tid=1456810]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 164ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 205ms
total:  435ms
созд. / загр.: 435ms
x
x
Закрыть


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