Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2024, 13:28
Аспирант
Отправить личное сообщение для Grasss Посмотреть профиль Найти все сообщения от Grasss
 
Регистрация: 03.11.2017
Сообщений: 44

Ячейка таблицы в виде ссылки
<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>
Ответить с цитированием
  #2 (permalink)  
Старый 06.06.2024, 15:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от 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>
Ответить с цитированием
  #3 (permalink)  
Старый 06.06.2024, 16:54
Аспирант
Отправить личное сообщение для Grasss Посмотреть профиль Найти все сообщения от Grasss
 
Регистрация: 03.11.2017
Сообщений: 44

Просто вместо cololor могут быть совсем разные значения.
Можно ли как-то сделать, чтобы скрипт добавлял ссылку в ячейку без привязке к конкретному значению?
Ответить с цитированием
  #4 (permalink)  
Старый 07.06.2024, 09:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от Grasss
Можно ли как-то сделать, чтобы скрипт добавлял ссылку в ячейку без привязке к конкретному значению?
Можно.
Но я ведь не знаю что в итоге тебе нужно...
Ответить с цитированием
  #5 (permalink)  
Старый 07.06.2024, 13:26
Аспирант
Отправить личное сообщение для Grasss Посмотреть профиль Найти все сообщения от Grasss
 
Регистрация: 03.11.2017
Сообщений: 44

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

Ответить с цитированием
  #6 (permalink)  
Старый 07.06.2024, 15:41
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,761

Как-то так?
<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>
Ответить с цитированием
  #7 (permalink)  
Старый 17.06.2024, 16:22
Аспирант
Отправить личное сообщение для Grasss Посмотреть профиль Найти все сообщения от Grasss
 
Регистрация: 03.11.2017
Сообщений: 44

То что надо) вы лучший
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как расположить изображение поверх и по центру таблицы? Lefseq (X)HTML/CSS 2 28.01.2020 15:56
Оформить письмо в виде таблицы Spirit_on Общие вопросы Javascript 6 28.05.2017 21:28
Как представить результат запроса в виде таблицы? testuser7 AJAX и COMET 6 25.11.2016 16:07
Итерация в виде таблицы SergeyMiracle AJAX и COMET 5 07.07.2013 19:40
Ячейка таблицы - ссылка. Внутри этой ячейки другие ссылки. Alexd jQuery 3 19.04.2012 16:19