Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.08.2014, 22:29
Интересующийся
Отправить личное сообщение для 7Lexus Посмотреть профиль Найти все сообщения от 7Lexus
 
Регистрация: 09.08.2014
Сообщений: 13

Нужна раскрывающаяся таблица
Доброго дня!
Очень хочется иметь вот такую таблицу


Как вы уже поняли заголовки должны раскрываться и закрываться в том месте, где плюс/минус

Попытки сделать что-то подобное были вот тут и вот здесь

Но в идеале хотелось бы некое универсальное решение, гибкое к изменениям (например увеличение, уменьшение количества ветвлений)

Сразу скажу - в программировании не силен.
Буду благодарен всем, кто может помочь.
Ответить с цитированием
  #2 (permalink)  
Старый 10.08.2014, 05:11
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,577

7Lexus, html разметку для начала сделайте.
Ответить с цитированием
  #3 (permalink)  
Старый 10.08.2014, 08:01
Интересующийся
Отправить личное сообщение для 7Lexus Посмотреть профиль Найти все сообщения от 7Lexus
 
Регистрация: 09.08.2014
Сообщений: 13

Сообщение от Rise Посмотреть сообщение
7Lexus, html разметку для начала сделайте.
Да вот в этом тоже как бы проблема.
Нежелательно, чтобы разметка была через списки. У меня сайт на Битриксе и почему-то как ни извращайся - маркеры списка не убираются и вид из-за этого довольно нелепый. (слева от плюс/минус остаются черные кружочки и никакое list-style-type: none не помогает)
Нужно, чтобы использовалась только таблица.
Помогите хотя бы выбрать правильное направление... натолкните на мысль.
Ответить с цитированием
  #4 (permalink)  
Старый 10.08.2014, 08:33
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,577

7Lexus,
Таблица1:
	1-я строка "Уровень1" [+]
	2-я строка "Уровень1"(скрыта):
		Таблица2:
			1-я строка "Уровень2" [+]
			2-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
			3-я строка "Уровень2" [+]
			4-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
	3-я строка "Уровень1" [+]
	4-я строка "Уровень1"(скрыта):
		Таблица2:
			1-я строка "Уровень2" [+]
			2-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
			3-я строка "Уровень2" [+]
			4-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"

Последний раз редактировалось Rise, 10.08.2014 в 08:37.
Ответить с цитированием
  #5 (permalink)  
Старый 10.08.2014, 09:21
Аватар для ixth
Профессор
Отправить личное сообщение для ixth Посмотреть профиль Найти все сообщения от ixth
 
Регистрация: 19.01.2010
Сообщений: 354

Сообщение от 7Lexus Посмотреть сообщение
Да вот в этом тоже как бы проблема.
Нежелательно, чтобы разметка была через списки. У меня сайт на Битриксе и почему-то как ни извращайся - маркеры списка не убираются и вид из-за этого довольно нелепый. (слева от плюс/минус остаются черные кружочки и никакое list-style-type: none не помогает)
Не благодарите.
#page-content ul, #page-content ul li {
    list-style: none !important;
}
Ответить с цитированием
  #6 (permalink)  
Старый 10.08.2014, 12:20
Интересующийся
Отправить личное сообщение для 7Lexus Посмотреть профиль Найти все сообщения от 7Lexus
 
Регистрация: 09.08.2014
Сообщений: 13

Если это всё, то ладно.... хорошо, спасибо )))
... вряд ли я поумнею )))
Ответить с цитированием
  #7 (permalink)  
Старый 10.08.2014, 16:50
Интересующийся
Отправить личное сообщение для 7Lexus Посмотреть профиль Найти все сообщения от 7Lexus
 
Регистрация: 09.08.2014
Сообщений: 13

Сообщение от ixth
Не благодарите.
Да я бы и поблагодарил, если бы оно решало проблему.
...не прокатывает
Ответить с цитированием
  #8 (permalink)  
Старый 10.08.2014, 16:58
Аватар для ixth
Профессор
Отправить личное сообщение для ixth Посмотреть профиль Найти все сообщения от ixth
 
Регистрация: 19.01.2010
Сообщений: 354

Я проверял прямо на сайте, буллеты исчезают.
Ответить с цитированием
  #9 (permalink)  
Старый 10.08.2014, 17:00
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,577

7Lexus, а чего вы ждали, я вам дал направление, сделайте таблицу, а там посмотрим куда дальше двигаться.
Ответить с цитированием
  #10 (permalink)  
Старый 13.08.2014, 19:21
Интересующийся
Отправить личное сообщение для 7Lexus Посмотреть профиль Найти все сообщения от 7Lexus
 
Регистрация: 09.08.2014
Сообщений: 13

Решение уже есть. Осталось за малым.
Хочется, чтобы плюс после раскрытия ветки менялся на минус.

Помогите сделать.

Исходники
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Datagrid нужна помощь в реализации arahmanov Flash 2 08.04.2013 17:12
Flash datagrid нужна помощь в реализации таблицы arahmanov Работа 1 07.04.2013 13:20
Таблица псевдографикой Vit (X)HTML/CSS 3 27.11.2012 08:03
нужна помощь dominosoko Серверные языки и технологии 4 14.03.2010 02:17
НУжна помощ ! Jumong Общие вопросы Javascript 4 01.10.2008 23:17