Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
0 / 0 / 0
Регистрация: 16.01.2010
Сообщений: 30

раскрывающийся список

19.05.2011, 12:34. Показов 3261. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
помогите,если можно. надо чтобы второй и третий список открывались как и первый

HTML5
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.v{visibility:visible}
.v1{visibility:hidden}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script>
 
function aa3(a) 
{if (a==0){
 
img6.style.visibility="hidden";
img5.style.visibility="visible";
}
else{ img6.style.visibility="visible";
img5.style.visibility="hidden";
 a=0; 
 }
}
function aa2(a) 
{if (a==0){
 
img4.style.visibility="hidden";
img3.style.visibility="visible";
}
else{ img4.style.visibility="visible";
img3.style.visibility="hidden";
 a=0;}
if (img2.style.visibility="hidden"){ }    //первый список свернут
 
else{}    //первый список развернут
}
 
function aa1(a) 
{ if (a==0){
 
img2.style.visibility="hidden";
img1.style.visibility="visible";
 div1.style.visibility="hidden";
 img3.style.top="50";
 img4.style.top="50";
 img5.style.top="100";
 img6.style.top="100";
 div2.style.top="50";
 div4.style.top="100";a=1;
}
else{ img2.style.visibility="visible";
img1.style.visibility="hidden";
 div1.style.visibility="visible";
 img3.style.top="200";
 img4.style.top="200";
 img5.style.top="250";
 img6.style.top="250";
 div2.style.top="200";
 div4.style.top="250";a=0;}
}
</script>
<title>проводник</title>
 
<body>
            <img id=img1 src="плюс.png" onclick="aa1(1)" style="position:absolute; left:70px; top:0px; visibility:visible"/>
            <img id=img2 src="минус.png" onclick="aa1(0)"   style="position:absolute; left:70px; top:0px; visibility:hidden"/>
      
<div style="position:absolute; left:100px; top:0px">сотовых телефонах </div>
                <div id=div1 style="visibility:hidden"><div style="position:absolute; left:150px; top:50px; ">моделях</div>              
                <div style="position:absolute; left:150px; top:100px; ">характеритиках</div>          
                <div style="position:absolute; left:150px; top:150px; ">рейтингах продаж</div>   </div>          
           
            <img id=img3 src="плюс.png" onclick="aa2(1)"   style="position:absolute; left:70px; top:50px; visibility:visible"/>
            <img id=img4 src="минус.png" onclick="aa2(0)"  style="position:absolute; left:70px; top:50px; visibility:hidden"/> 
          <div id=div2 style="position:absolute; left:100px; top:50px"> наших услугах   </div>          
<div id=div3 style="visibility:hidden">   <div style="position:absolute; left:150px; top:50px; ">ремонт телефонов</div>              
                 <div style="position:absolute; left:150px; top:50px; ">выполнение предварительных заказов</div>    
                 <div style="position:absolute; left:150px; top:50px; ">доставка на дом</div>  </div>
                 
             <img id=img5 src="плюс.png" onclick="aa3(1)"   style="position:absolute; left:70px; top:100px; visibility:visible"/>
            <img id=img6 src="минус.png" onclick="aa3(0)"  style="position:absolute; left:70px; top:100px; visibility:hidden"/>            
 <div id=div4 style="position:absolute; left:100px; top:100px"> акциях</div>                                                  
       <div id=div5 style="visibility:hidden">    <div style="position:absolute; left:150px; top:50px; ">текущих</div>                   
                 <div style="position:absolute; left:150px; top:50px;">предстоящих</div>             
                 <div style="position:absolute; left:150px; top:50px; ">архив</div></div>                      
      
</body>
</html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.05.2011, 12:34
Ответы с готовыми решениями:

Раскрывающийся список
Как сделать раскрывающийся список что бы при выборе &lt;option&gt; в определенном месте выводила его значение например Пункт1 выводила значение...

Как сделать такой раскрывающийся список
Добрый день. Подскажите, как можно сделать такой список как по ссылке http://palchiki.com/menyu-uslug/manikyur.html мало того, что надо...

Можно как-то организовать раскрывающийся список с автоподстановкой?
Есть список, например фамилий... Можно как-то организовать раскрывающийся список с автоподстановкой? Чтобы при вводе первых символов...

1
0 / 0 / 0
Регистрация: 16.01.2010
Сообщений: 30
23.05.2011, 00:22  [ТС]
никто не знает? помогите пожалуйста
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.05.2011, 00:22
Помогаю со студенческими работами здесь

Раскрывающийся блок при скроллинге
Здравствуйте, возникла небольшая проблема. Имеется, к примеру, div в самом верху страницы. При скроллинге вверх он должен постепенно...

Не фиксируется раскрывающийся список, а сразу переходит в раздел
Здравствуйте. Столкнулась с такой проблемой на своем сайте, сразу оговорюсь, что &quot;зеленая&quot; в этих вопросах, поэтому не судите...

Раскрывающийся список
Как реализовать раскрывающийся список как на картинке. Чтобы при нажатии на &quot;машина&quot; появлялись &quot;шевроле и лада&quot;. и...

Раскрывающийся список
Ребят, помогите, не знаю как реализовать выпадающий список, как на картинке, должны быть 4 элемента всегда раскрыты, а остальные спрятаны.

Раскрывающийся список
Доброго всем времени суток. Подскажите, где то косякнул... .widget_product_categories{ width:100%; height:auto; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru