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

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

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

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

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

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

@etalord · 03.06.2010, 13:50

через javascript onclick

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

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

HTML5

<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 **[ТС]**

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

Код

<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" и перед дополнительная информация всунуть?
вот так

Код

<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 **[ТС]**

Код

#otd1 {cursor:pointer; cursor:hand}

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

Код

<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

<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 **[ТС]**

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

Код

<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>

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

Код

<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 **[ТС]**

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

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 14:25 [ТС]	11
	jquery подключен? я не знаю что это такое. я вообще же на укозе(UCOZ) я могу только редактировать html и css то есть шаблон. а движок ихний, мне туда не добраться. Добавлено через 7 минут я дефан ступил) но курсор все равно не изменяется. он как в поле для текста выглядит, вот такой курсор - I Добавлено через 1 минуту может быть надо ещё class="hide" и перед дополнительная информация всунуть? вот так Код <div><a class="hide" onclick="return showhide(1);">Дополнительная информация</a></div> <div id="otd1" class="hide"> Добавлено через 1 минуту может быть надо ещё class="hide" и перед дополнительная информация всунуть? вот так не, не работает Добавлено через 1 минуту лан, помоги лучше мне с плюсиком и минсом чтобы он перед текстом "Дополнительная информация" был и появлялся минус при открытии 0

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

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

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

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

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

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

@ПростоЯ 184 / 101 / 8 Регистрация: 30.05.2009 Сообщений: 782
	03.06.2010, 13:56	6
	Сообщение от etalord ПростоЯ, я как раз искал твой пост ))) нашел https://www.cyberforum.ru/html... 38000.html 0

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

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	03.06.2010, 14:12 [ТС]	9
	я вот так вставил Код <style type="text/css"> .hide { display: none; } элемент {cursor:pointer; cursor:hand} </style> правильно? ну я в html засунул его только почему-то не работает. или надо в css запихнуть чтобы оно было для всего сайта? Добавлено через 1 минуту не знаю, это укоз. я только редактирую шаблон html и css а движок ихний. туда вход запрещён. 0

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

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