Дополнительная информация

@qu13t · Регистрация: 02.06.2010

Студворк — интернет-сервис помощи студентам

как сделать такую шнягу
чтобы при нажатии на "Дополнительная информация:"
ниже выдвигалась информация
Скрины.
первый скрин до нажатия, второй после нажатия.

@qu13t · 03.06.2010, 13:45 **[ТС]**

можно одним html там же не много?

@etalord · 03.06.2010, 13:50

через javascript onclick

@ПростоЯ · 03.06.2010, 13:50

Это делается так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style type="text/css">
.hide {
  display: none;
}
 
</style>
 
<script type="text/javascript">
function showhide(n)
{
  if (document.getElementById('otd'+n).style.display=='inline')
    document.getElementById('otd'+n).style.display='none';
  else
    document.getElementById('otd'+n).style.display='inline';
  return false;
}
</script>
 
<div ><a  onclick="return showhide(1);" >Дополнительная информация</a></div>
<div id="otd1" class="hide">
выдвигающийся текст
</div>

@etalord · 03.06.2010, 13:52

ПростоЯ, я как раз искал твой пост ))) нашел https://www.cyberforum.ru/html... 38000.html

@ПростоЯ · 03.06.2010, 13:56

Сообщение от etalord

ПростоЯ, я как раз искал твой пост ))) нашел https://www.cyberforum.ru/html... 38000.html

@qu13t · 03.06.2010, 14:00 **[ТС]**

а как мне ещё плюсик и минус добавить? чтобы при открытии появлялся минус.
и ещё сейчас когда наводишь на текст мышка не изменяется в руку, как это исправить?

@etalord · 03.06.2010, 14:06

в сss

HTML5
1
элемент {cursor:pointer; cursor:hand}

cо вторым cursor:hand - не пройдет валидацию, без него - в ie6 не будет руки )

Добавлено через 1 минуту
jquery подключен?

@qu13t · 03.06.2010, 14:12 **[ТС]**

я вот так вставил

Code
1
2
3
4
5
6
<style type="text/css">
.hide {
 display: none;
}
элемент {cursor:pointer; cursor:hand}
</style>

правильно? ну я в html засунул его
только почему-то не работает.
или надо в css запихнуть чтобы оно было для всего сайта?

Добавлено через 1 минуту
не знаю, это укоз. я только редактирую шаблон html и css а движок ихний. туда вход запрещён.

@etalord · 03.06.2010, 14:13

ты кошмар ))

HTML5
1
.hide {display: none; cursor:pointer; cursor:hand}

пихай где у тебя все стили хранятся ))

@qu13t · 03.06.2010, 14:25 **[ТС]**

jquery подключен?

я не знаю что это такое.
я вообще же на укозе(UCOZ) я могу только редактировать html и css то есть шаблон. а движок ихний, мне туда не добраться.

Добавлено через 7 минут
я дефан ступил)
но курсор все равно не изменяется. он как в поле для текста выглядит, вот такой курсор - I

Добавлено через 1 минуту
может быть надо ещё class="hide" и перед дополнительная информация всунуть?
вот так

Code
1
2
<div><a class="hide" onclick="return showhide(1);">Дополнительная информация</a></div>
<div id="otd1" class="hide">

Добавлено через 1 минуту

может быть надо ещё class="hide" и перед дополнительная информация всунуть?
вот так

не, не работает

Добавлено через 1 минуту
лан, помоги лучше мне с плюсиком и минсом чтобы он перед текстом "Дополнительная информация" был и появлялся минус при открытии

@etalord · 03.06.2010, 14:33

HTML5
1
#otd1 {cursor:pointer; cursor:hand}

с плюсиком лучше бы на форуме javascript спрашивал ), если тока полностью код дашь

@qu13t · 03.06.2010, 14:41 **[ТС]**

Code
1
#otd1 {cursor:pointer; cursor:hand}

это куда вставить? в css? если в html то куда именное? в css вставил не работает
html

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<style type="text/css">
.hide {display: none; cursor:hand}
 
</style>
 
<script type="text/javascript">
function showhide(n)
{
 if (document.getElementById('otd'+n).style.display=='inline')
 document.getElementById('otd'+n).style.display='none';
 else
 document.getElementById('otd'+n).style.display='inline';
 return false;
}
</script>
 
<div><a onclick="return showhide(1);">Дополнительная информация</a></div>
<div id="otd1" class="hide">
выдвигающийся текст
</div>

@etalord · 03.06.2010, 14:52

попробуй так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<style type="text/css">
.hide {display: none;}
#otd1 {cursor:pointer; cursor:hand}
</style>
 
<script type="text/javascript">
function showhide(n)
{
 if (document.getElementById('otd'+n).style.display=='inline')
 document.getElementById('otd'+n).style.display='none';
 else
 document.getElementById('otd'+n).style.display='inline';
 return false;
}
</script>
 
<div><a onclick="return showhide(1);">Дополнительная информация</a></div>
<div id="otd1" class="hide">
выдвигающийся текст
</div>

@qu13t · 03.06.2010, 21:47 **[ТС]**

заработало - вот так

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css">
.hide {display: none;}
#otd1 {cursor:pointer; cursor:hand}
#otd2 {cursor:pointer; cursor:hand}
</style>
 
<script type="text/javascript">
function showhide(n)
{
 if (document.getElementById('otd'+n).style.display=='inline')
 document.getElementById('otd'+n).style.display='none';
 else
 document.getElementById('otd'+n).style.display='inline';
 return false;
}
</script>
 
<div id="otd2"><a onclick="return showhide(1);">Дополнительная информация</a></div>
<div id="otd1" class="hide">
выдвигающийся текст
</div>

осталось разобраться с плюсом и минусом. Помогите пожалуйста в этот скрипт засунуть картинку плюса и минуса. чтобы было так как на сринах.
вот код

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css">
.hide {display: none;}
#otd1 {cursor:pointer; cursor:hand}
#otd2 {cursor:pointer; cursor:hand}
</style>
 
<script type="text/javascript">
function showhide(n)
{
 if (document.getElementById('otd'+n).style.display=='inline')
 document.getElementById('otd'+n).style.display='none';
 else
 document.getElementById('otd'+n).style.display='inline';
 return false;
}
</script>
 
<div id="otd2"><a onclick="return showhide(1);">Дополнительная информация</a></div>
<div id="otd1" class="hide">
выдвигающийся текст
</div>

@etalord · 03.06.2010, 21:58

вместо

HTML5
1
2
#otd1 {cursor:pointer; cursor:hand}
#otd2 {cursor:pointer; cursor:hand}

можно записать так:

HTML5
1
#otd1, #otd2 {cursor:pointer; cursor:hand}

@qu13t · 03.06.2010, 21:59 **[ТС]**

окей) помогите с картинками)

@etalord · 03.06.2010, 22:01

чем у тебя плюсик сделан? картинкой?

Добавлено через 47 секунд
или фоном? где этот плюсик задается покажи

@qu13t · 03.06.2010, 22:15 **[ТС]**

обычный IMG, где задаётся не знаю, скрипт мне в этой теме подогнали

скрины плюсика и минуса ниже. мне надо чтобы при закрытии был плюсик как на скринах в сообщениях выше. а при открытии был минус

@qu13t · 03.06.2010, 22:17 **[ТС]**

код картинок надо же в ява вставлять? чтобы он менялся с плюса на минус в зависимости от действия?

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81

	Дополнительная информация 03.06.2010, 13:39. Показов 2871. Ответов 27 Метки нет (Все метки) как сделать такую шнягу чтобы при нажатии на "Дополнительная информация:" ниже выдвигалась информация Скрины. первый скрин до нажатия, второй после нажатия. Миниатюры 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 13:45 [ТС]
	можно одним html там же не много? 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	03.06.2010, 13:50
	через javascript onclick 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	03.06.2010, 13:52
	ПростоЯ, я как раз искал твой пост ))) нашел https://www.cyberforum.ru/html... 38000.html 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 14:00 [ТС]
	а как мне ещё плюсик и минус добавить? чтобы при открытии появлялся минус. и ещё сейчас когда наводишь на текст мышка не изменяется в руку, как это исправить? 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 21:59 [ТС]
	окей) помогите с картинками) 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	03.06.2010, 22:01
	чем у тебя плюсик сделан? картинкой? Добавлено через 47 секунд или фоном? где этот плюсик задается покажи 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 22:15 [ТС]
	обычный IMG, где задаётся не знаю, скрипт мне в этой теме подогнали скрины плюсика и минуса ниже. мне надо чтобы при закрытии был плюсик как на скринах в сообщениях выше. а при открытии был минус Изображения 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 22:17 [ТС]
	код картинок надо же в ява вставлять? чтобы он менялся с плюса на минус в зависимости от действия? 0