Javascript-форум (https://javascript.ru/forum/)
-   Серверные языки и технологии (https://javascript.ru/forum/server/)
-   -   Ячейка таблицы в виде ссылки (https://javascript.ru/forum/server/85933-yachejjka-tablicy-v-vide-ssylki.html)

Grasss 06.06.2024 13:28

Ячейка таблицы в виде ссылки
 
<tbody class="addresses monospace">
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</tbody>


Нужно, чтобы вторая ячейка <td>&nbsp;</td> в каждой создаваемой строке была представлена в виде ссылки.
Т.е ссылка должна быть прибавлена к уже имеющимся значениям ячеек.
(значение второй ячейки в каждой строке будет разное)

Примерно так:
Код:

<tr><td>&nbsp;</td><td><a href="https://site.ru/search=cololor1">cololor1</a></td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td><a href="https://site.ru/search=cololor2">cololor2</a></td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td><a href="https://site.ru/search=cololor3">cololor3</a></td><td>&nbsp;</td><td>&nbsp;</td></tr>

ksa 06.06.2024 15:40

Цитата:

Сообщение от Grasss
Нужно, чтобы вторая ячейка <td>&nbsp;</td> в каждой создаваемой строке была представлена в виде ссылки.

Как вариант...

<table border='1'>
<tbody class="addresses monospace">
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</tbody>
</table>

<script>
const s = '.addresses.monospace > tr > td:nth-child(2)'
const f = (o, i) => {
	const v = `<a href="https://site.ru/search=cololor${i}">cololor${i}</a>`
	o.insertAdjacentHTML('beforeend', v)
}
document.querySelectorAll(s).forEach(f)
</script>

Grasss 06.06.2024 16:54

Просто вместо cololor могут быть совсем разные значения.
Можно ли как-то сделать, чтобы скрипт добавлял ссылку в ячейку без привязке к конкретному значению?

ksa 07.06.2024 09:30

Цитата:

Сообщение от Grasss
Можно ли как-то сделать, чтобы скрипт добавлял ссылку в ячейку без привязке к конкретному значению?

Можно.
Но я ведь не знаю что в итоге тебе нужно... :D

Grasss 07.06.2024 13:26

Я вот с этим файлом работаю
https://github.com/iancoleman/bip39/...tandalone.html
Нужно, чтоб эти адреса (отмечены красным) при клике на них сразу на блокчейн переводили...
Что-то вроде этого https://www.blockchain.com/explorer/addresses/btc/ + адрес


Nexus 07.06.2024 15:41

Как-то так?
<table border='1'>
<tbody class="addresses monospace">
<tr><td>&nbsp;</td><td>js</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>learn js</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>react</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>vue</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>angular</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</tbody>
</table>

<script>
const BASE_URL = 'https://google.com/search?q='

document.addEventListener('click', e => {
    const target = e.target?.closest('.addresses.monospace > tr > td:nth-child(2)');
    if (target) {
        window.open(BASE_URL + target.textContent, '_blank');
    }
});
</script>

Grasss 17.06.2024 16:22

То что надо) вы лучший :thanks:


Часовой пояс GMT +3, время: 00:14.