Поиск текста из другого файла

@sharkn09 · Регистрация: 11.04.2020

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

Здравствуйте, помогите сделать поиск. Ситуация такова, есть папка, в ней несколько файлов, основной файл:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="eng">
<html>
<body>
<p>Lorencia</p>
<p>Noria</p>
<p>Devias</p>
<p>Dungeon<p>
<input type="text" id="search" placeholder="  ПОИСК"></input>
<p>RESULT: </p>
</body>
</html>

Весь искомый текст находится в директории data/summary.html
Сам файл summary.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
    <title>MAP</title>
    <link href="C:\Users\The1L\OneDrive\Документы\murdrum\css\styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="table"><table>
    <tbody>
        <tr>
            <td>Spider</td>
            <td>Small Axe+0, Summon Golbin Jewel, Apple, Scroll of Archangel +1, Blood Bone +1                      </td>
        </tr>
        <tr>
            <td>Budge Dragon</td>
            <td>Small Axe+0,     Short Bow+0, Apple, Box of Heaven, Firecracker, Scroll of Archangel +1, Blood Bone +1              </td>
        </tr>
        <tr>
            <td>Bull Fighter</td>
            <td>Small Axe+1, Hand Axe+0, Short Bow+0, Crossbow +0, Summon Goblin Jewel, Apple, Firecracker, Sign of lord, Blood Fang +1, Scroll of Archangel +1             </td>
        </tr>
        <tr>
            <td>Hound
</td>
            <td>Small Axe +2, Hand Axe +1, Short Bow +1, Crossbow +1, Summon Goblin Jewel, Apple                </td>
        </tr>
    </tbody>
</table></div>
 
</body>
</html>

Если я пишу в поле для поиска Small Axe +0, по найденный текст из второго столбца(вещи) записывается в RESULT из первого столбца(мобы). То есть Spider, Budge Dragon через запятую.

@sharkn09 · 21.01.2022, 12:54 **[ТС]**

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

@diadiavova · 22.01.2022, 17:27

sharkn09, в общем и целом это будет выглядеть примерно так

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="eng">
<html>
 
<body>
    <p>Lorencia</p>
    <p>Noria</p>
    <p>Devias</p>
    <p>Dungeon
    <p>
        <input type="text" id="search" placeholder="  ПОИСК" /> <button id="btnSearch">Искать</button>
    <p>RESULT: <span id="result"></span> </p>
    <script>
        document.getElementById("btnSearch").addEventListener("click", async function (evt)
        {
            let summary = await fetch("data/summary.html");
            let parser = new DOMParser();
            let doc = parser.parseFromString(await summary.text(), "text/html");
            let trs = doc.querySelectorAll("tr");
            let res = [];
            let svalue = document.getElementById("search").value;
            for (let tr of trs)
            {
                let tds = tr.querySelectorAll("td");
                if (tds[1].textContent.includes(svalue)) res.push(tds[0].textContent);
            }
            document.getElementById("result").textContent = res.join(", ");
        });
    </script>
 
</body>
 
</html>

Но тут надо учесть пару вещей. Во-первых, адрес файла с данными указан относительно основного документа, то есть основной документ должен находиться в той же директории, что и папка data. Кроме того, поиск тут осуществляется по точному тексту. В примере у тебя есть некоторые разночтения, например перед плюсом кое-где есть пробел, а кое-где нет. В файле написано Axe+0, а в запросе ты предлагаешь писать

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

Если я пишу в поле для поиска Small Axe +0

Так работать не будет. Если нужно, что бы работало и так тоже, то надо будет установить правила, по которым нужно будет согласовывать текст запроса с реальным текстом. Это уже сложнее будет.

@sharkn09 · 23.01.2022, 09:22 **[ТС]**

Спасибо огромное. Буду разбираться, но пока что-то не работает. Насчет разночтения, я когда делал первые таблицы, писал по требованиям с сайта, а уже последующее внесения делал как необходимо.

@diadiavova · 23.01.2022, 09:28

sharkn09, чтобы работало надо с сервера запустить

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

Поиск текста из другого файла

Решение

Решение

@sharkn09 0 / 0 / 0 Регистрация: 11.04.2020 Сообщений: 4
	21.01.2022, 12:54 [ТС]
	По сути нужен скрипт, который будет читать из файла summary и выводить результат в основной файл. Поиск по второму столбу, а вывод из первого в основной файл. 0

@sharkn09 0 / 0 / 0 Регистрация: 11.04.2020 Сообщений: 4
	23.01.2022, 09:22 [ТС]
	Спасибо огромное. Буду разбираться, но пока что-то не работает. Насчет разночтения, я когда делал первые таблицы, писал по требованиям с сайта, а уже последующее внесения делал как необходимо. 0

@diadiavova 7261 / 2608 / 745 Регистрация: 11.04.2015 Сообщений: 4,155 Записей в блоге: 43
	23.01.2022, 09:28
	Сообщение было отмечено sharkn09 как решение Решение sharkn09, чтобы работало надо с сервера запустить 1

Опции темы