X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Список, раскрывающийся при нажатии на текст и иконку
Lehach_hb
Lehach_hb
Topic Starter сообщение 23.2.2009, 19:09; Ответить: Lehach_hb
Сообщение #1


Хочу создать иерархический список, который разворачивается/сворачивается при клике как на текст заглавия, так и на иконку рядом (которая в свою очередь меняется в зависимости от того развернут список или свернут).

Находил решения, где список раскрывается при нажатии только на текст или только на иконку рядом. Например, вот здесь список можно развернуть, только если кликать на иконку. Я же хочу получить по сути такой же список, что и в этом примере + возможность разворачивать/сворачивать, кликая на текст.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 23.2.2009, 19:29; Ответить: Webmaster_hb
Сообщение #2


добавьте вызов функции javascript которая отвечает за отображение на ссылку или возьмите текст в блок (div) и назначьте действие функции на событие onclick
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lehach_hb
Lehach_hb
Topic Starter сообщение 23.2.2009, 20:03; Ответить: Lehach_hb
Сообщение #3


Webmaster, в web программировании я разбираюсь крайне слабо, поэтому, честно скажу, из вашего ответа я мало что понял.

Смотрите, у меня есть следующий код, который позволяет раскрывать список, кликая на текст:
<script><!--
function Sim_Sim_Otkroysya()
{
var obj=document.getElementById('Sim_Sim');
if(obj.style.display=='none')
obj.style.display='block';
else
obj.style.display='none';
}
--
></script>
<DIV><A href='javascript: Sim_Sim_Otkroysya()'>Текст для щелкания</A></DIV>
<DIV Name=Sim_Sim ID=Sim_Sim Style='text-indent:15pt;display:none'>Текст, который не виден</DIV>


Как можно прицепить сюда иконку, кликая на которую я так же мог бы раскрывать/скрывать список, и которая бы менялась в зависимости от состояния списка (раскрыт/скрыт)?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.2.2009, 0:15; Ответить: Webmaster_hb
Сообщение #4


вставьте картинку внутрь тега <a></a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lehach_hb
Lehach_hb
Topic Starter сообщение 9.3.2009, 11:08; Ответить: Lehach_hb
Сообщение #5


На данный момент имеется "Страница 0" на, которой установлен следующий код с раскрывающимся списком:

<script><!--
function Sim_Sim_Otkroysya()
{
var obj=document.getElementById('Sim_Sim');
if(obj.style.display=='none')
obj.style.display='block';
else
obj.style.display='none';
}

function chg(id,chk){
var el = document.getElementById(id);
var ch = document.getElementById(chk);
if (el.src.indexOf("down.gif")>0){
el.src="up.gif"
ch.checked="true";
}else{
el.src="down.gif"
ch.checked="";
}
}
--
></script>

<div><a href='javascript: Sim_Sim_Otkroysya()'>
<img src="down.gif" align=left id="img_1" onClick="chg(this.id,'check')">
<div id="img_1" onClick="chg(this.id,'check')">Заголовок</div></a></div>
<div name=Sim_Sim id=Sim_Sim style='text-indent:12pt;display:none'>
<ul>
<li><a href="#">Страница 1</a>
<li><a href="#">Страница 2</a>
<li><a href="#">Страница 3</a>
</ul>
</div>


На страницах 1, 2 и 3 есть ссылки на страницу 0.

При загрузке страницы 0 список не раскрыт. Нужно, чтобы при переходе с 1, 2, 3-й страниц на страницу 0 он был по умолчанию раскрыт. При переходе с других страниц сайта – не раскрыт.

Можно ли такое сделать? Если да, то как?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
haab
haab
сообщение 29.4.2009, 10:57; Ответить: haab
Сообщение #6


Воспользовался данным скриптом,
(Lehach_hb @ 23.2.2009, 22:03) *
Webmaster,
<script><!--
function Sim_Sim_Otkroysya()
{
var obj=document.getElementById('Sim_Sim');
if(obj.style.display=='none')
obj.style.display='block';
else
obj.style.display='none';
}
--
></script>
<DIV><A href='javascript: Sim_Sim_Otkroysya()'>Текст для щелкания</A></DIV>
<DIV Name=Sim_Sim ID=Sim_Sim Style='text-indent:15pt;display:none'>Текст, который не виден</DIV>


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

как сделать чтоб для каждой записи отображалось свое????:hmhm:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 29.4.2009, 11:52; Ответить: MetSerp
Сообщение #7


Покажите как воспользовались (приведите код)
можете взять мое,

[php] function show_hide(id)
{
var id = document.getElementById(id) ;
if (id.style.display == "none")
{
id.style.display = "block";
}
else
{
id.style.display = "none";
}
}

[/php] и для вызова функции достаточно:
onclick="show_hide([COLOR=Red]'id[/COLOR]')"
Где ID = ID блока который надо спрятать/показать:popcorn1:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 29.4.2009, 12:05; Ответить: MetSerp
Сообщение #8


(Lehach_hb @ 9.3.2009, 13:08) *
Можно ли такое сделать? Если да, то как?

Если еще актуально то делать надо через php.
Берете рефер страницы с которой пришли и сравниваете через учловие если он равен одной из нужных вам страниц скрываете если не подходит под условие прячете (грубо говоря выводите в файл строчку с разными атрибутами стиля)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Demzyx
Demzyx
сообщение 15.10.2010, 22:10; Ответить: Demzyx
Сообщение #9


(MetSerp @ 29.4.2009, 14:52) *
onclick="show_hide([COLOR=Red]'id[/COLOR]')"
Где ID = ID блока который надо спрятать/показать:popcorn1:

а если у меня уже есть список, в котором раскрывается каждый пункт отдельно от собственной иконки (у каждого пункта свой id), а я хочу еще сделать один пункт, при клике на который раскрывается/сворачивается все содержимое списка.
Как можно это сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 15.10.2010, 22:17; Ответить: MetSerp
Сообщение #10


если решения от jquery и прочих mootools - не подходят, тогда можно объедениить их в один слой, затем в цикле пройти по детям этого слоя и скрыть их, а 1 переданый в параметре открыть.
__________________________________

а, стоп стормозил, не правильно понял поначалу, в вашем случае еще проще.
Та функция которую набросал я работает с любым переданым ей id и ей принципиально пофиг откуда ее вызвали.
По кнопкам показать/скрыть все- тоже несложно просто применять логику этой функции ко всем детям дива обертки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1425 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Можно ли в старый SEO текст вместо старого домена поставить новый?
3 Tutich 1212 22.3.2024, 14:47
автор: Tutich
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2203 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30375 19.7.2022, 13:41
автор: Funoman


 



RSS Текстовая версия Сейчас: 19.4.2024, 6:56
Дизайн