powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблица с плюсиками в html
12 сообщений из 37, страница 2 из 2
таблица с плюсиками в html
    #38386262
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

В принципе, конечно, то что нужно, но мои знания в JavaScript = 0, поэтому не совсем понимаю как модифицировать этот код под мою задачу.
Как там вообще организована иерархия?
Каждая строка - это таблица с пробелами (&nbsp)?
Что за функции в теге /head? могу я их перенести в свой html?
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386297
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nikompне понимаю, это прикол?
Нет.
Это пример применения параметров у элемента <li>

nikompпопробовал добавить вашу строку, что-то никаких изменений
Не совсем понимаю чем именно "моя строка" поможет тебе...
Но ты можешь действовать по аналогии. Вот это может тебе таки помочь...
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386338
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

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

Код: html
1.
2.
3.
4.
5.
6.
<tr id="table1_0_3">
      <td><a href="#" onclick="treetable_toggleRow('table1_0_3');"><img src="img/minus.bmp" class="button" alt="" />Чертеж 1095/045-09-Л</a></td>
      <td class="number">Значение1</td>
      <td class="number">Значение1</td>
      <td class="number">Значение1</td>
    </tr>



чтоб Чертеж 1095/045-09-Л был гиперссылкой не на таблицу а на файл?
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386360
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nikompЧто за функции в теге /head? могу я их перенести в свой html? Можно. По правильному, скрипты и стили выносятся в отдельные файлы, но если хочется, чтобы они были в одном HTML, то их частенько заключают в блок <head> . Мне также встречались примеры, когда скрипт располагался в самом конце <body> ...
Я ведь тоже плохо знаю JavaScript и не до конца понимаю как работают функции в примере TestTreeTable.zip
Для создания шаблона я ориентировался на ID в строках типа
Код: javascript
1.
2.
3.
4.
<tr id="table1_0" >
<tr id="table1_0_0_1" >
<tr id="table1_0_3_0" >
<tr id="root2_0_0_2" >


Delphi-программа считывала данные и генерила строки именно с этими ID . Если ID-шники сформированы правильно, то скрипт будет сворачивать/разворачивать узлы.
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386380
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

да, я тоже на них ориентируюсь, структуру удалось повторить, все ок,
что на счет гиперссылки на файл на последнем уровне? возможно ее сделать?
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386408
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nikomp,

закроем тег </a> после <img>
Рядышком сделаем новую ссылку на наш файл, примерно так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<tr id="table1_0_3">
  <td>
    <a href="#" onclick="treetable_toggleRow('table1_0_3');"><img src="img/minus.bmp" class="button" alt="" /></a>
    <a href="D:\2222\Мой Файл.docx">Чертеж 1095/045-09-Л</a>
  </td>
  <td class="number">Значение1</td>
  <td class="number">Значение1</td>
  <td class="number">Значение1</td>
</tr>
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386443
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

да, спасибо, все работает.
ну хотелось бы еще одно улучшение, чтоб все было совсем идеально )))
сейчас все ссылки зеленые. как сделать чтоб ссылки на файле отличались по цвету или были выделены жирно?
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386483
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nikomp,

тегу <a> присвоить свой класс, например
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
  .MyStyle {
    color:red;
    border-bottom:1px dotted red!important;
    text-decoration:none;
  }
  .MyStyle:hover {
    color:red;
    border-bottom:none!important;
    text-decoration:none!important;
  }
</style>
</head>
<body>                     
  <a href="http://www.sql.ru/" class="MyStyle">Перейти на главную страницу SQL.RU (При наведении мыши, пунктир исчезнет)</a>
</body>
</html> 
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386513
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

Еще раз огромное спасибо, за пример и помощь
Теперь осталось на Delphi сгенерить, то что получилось ))
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386793
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

а если мне например понадобиться с каждым узлом связать иконку, просто добавляю еще один столбец в таблицу и туда запихиваю картинку?правда, в этом случае все картинки будут на одном уровне (
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38386987
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nikomp,

заменить символ +/- ?
Или рядом добавить?
...
Рейтинг: 0 / 0
таблица с плюсиками в html
    #38503325
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вариант с простым JavaScript
Tree Table CSS
...
Рейтинг: 0 / 0
12 сообщений из 37, страница 2 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблица с плюсиками в html
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]