@vbad
делаю интернет-проект

Как сделать ссылку для перехода на определенное имя в html-таблице?

Как сделать ссылку для перехода на определенное имя в html-таблице, размещенной на странице сайта. Нужно, чтобы найденное имя в ячейке подсвечивалось (любым способом, цвет, жирность, обводка и т.д.). Если одинаковых имен в таблице несколько - то выделяется только самое верхнее имя или все одинаковые. Варианты "ссылка на строку" - не подходят, т.к. наименования товаров часто сдвигаются по строкам (вверх-вниз), при этом все наименования в таблице - всегда constanta.
6618e2b3f3103238472949.jpeg
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 3
VoidVolker
@VoidVolker
Dark side eye. А у нас печеньки! А у вас?
Использовать стандартные якоря.
Ответ написан
Комментировать
delphinpro
@delphinpro Куратор тега HTML
frontend developer
Во время генерации таблицы давать строкам идентификаторы. Их можно генерировать из названия позиций, выполняя транслитерацию и заменяя не буквенно-цифровые символы например дефисом.

Чтобы ссылку на строку можно было скопировать есть два пути.
1. Добавить кнопку + jsvascript (или контекстное меню + javascript)
2. Обернуть названия в ссылки

Для подсветки строк использовать :target

Получится примерно такое

<tr id="kids_284_apelsin_3_0_m"><td>
   <a href="#kids_284_apelsin_3_0_m">Кидс 284 апельсин 3,0м</a>
</td><tr>

tr:target {
  background: red;
}


Стоит учитывать, что при наличии одинаковых наименований получатся одинаковые ID и подсветка :target сработает только на первый. Можно добавить других признаков для генерации идентификаторов для большей уникальности.
Ответ написан
Комментировать
yarkov
@yarkov
Помог ответ? Отметь решением.
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы