Подсветка определённых элементов текста
Вложений: 2
Есть таблица в ячейку которой выводятся данные(pic), хотелось бы реализовать следующее:
Когда юзер выделяет часть текста(то что выделено крсным), должны выделяться соответствующие элементы(то что подчёркнуто желтым), всё это построчно работает. Возможно ли это сделать динамически(юзер выделяет элементы и соответствующие сразу подсвечиваются)? Или же нужно делать отдельную кнпку для "запуска" этого вот всего? И в принципе на сколько реально всё это сделать? p.s. В онце каждой строки есть символ перехода на новую строку ("\n",скрыт), стоит ли его менять на что-то из html для лучшего парсинга? p.p.s. Всё написано на python3/flask, вдруг это важно. |
А при помощи чего это сделать?
Ведь это в веб. |
Цитата:
|
Rise,
Видимо я не так выразился, я имел ввиду то что JS должен по строкам находить соответствия. А так оно у меня выведено в виде одного большого куска текста, как на первой картинке. |
Rise,
Вот такие есть наработки, только там с таблицей, мне же нужно без оной. Наработка Второй пик в нормально качестве: http://hkar.ru/Msqi >Почему выделения в строке раздельные? Потому что надо чтобы юзер выделил что-то в правйо части и ему в качестве подсказыки выдало соответствие из левой части. Если есть какие-то другие варианты по реализации(не подсвечиванием, а выводом инфы в окне,к примеру, или ещё как) - буду рад услышать. > какая формула соответствия? Если я правильно понял вопрос, то: Первый столбик (там где 00000000,00000010 и т.д.) выделяется всегда, когда юзер на этой строке выбрал элемент из последнего столбца(там где '1.1..HOST: 239.2', к примеру). Дальше соответствует "1 с 1, 2 с 2 и т.д.", то есть если смотреть на изображение, на первую строку то: "4D" будет соответствовать "M", а "20 2A 20 48 54 54 50 2F" соответствует с " * HTTP/", ну и т.к. мы работаем с первой строкой то "00000000"(из первого столбца) всегда будет выделено. |
Rise,
<table> <tbody> <tr> ..... </tr> <tr> <td>Payload</td> <td ><div><pre>Вот тут находится это всё, в одной из ячеек таблицы</pre></div></td> </tbody> </table> |
Rise,
Спасибо, буду глядеть и разбираться. |
Часовой пояс GMT +3, время: 21:06. |