Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2023, 17:02
Аспирант
Отправить личное сообщение для Aidec Посмотреть профиль Найти все сообщения от Aidec
 
Регистрация: 07.12.2022
Сообщений: 86

Вопросы по table
Здравствуйте
Вот таблица которая берет данные с массива
Все норм кроме двух НО
Она выводит ссылки на фото, а мне нужно чтобы фото сразу отображалось в таблице, нужно чтобы в src ссылка падала и такая же проблема с кнопкой, ссылка падает в название кнопки а не в href.
Помогите дописать код:




var contacts =
[
{
name: 'Ivan',
surname: 'Ivanov',
phone: 123123123
},
{
name: 'Iva545n',
surname: 'Iva5677nov',
phone: 23123
}
];

var tbody = document.querySelector('tbody');

for(var i = 0; i < contacts.length; i++)
{
var tr = document.createElement('tr');
tr.innerHTML =
'<td>' + contacts[i].name + '</td>' +
'<td>' + contacts[i].surname + '</td>' +
'<td>' + contacts[i].phone + '</td>';
tbody.appendChild(tr);
}
table,td
{
border:1px solid gray
}
<table class="table">
<thead>
<tr>
<th scope="col">Имя</th>
<th scope="col">Фамилия</th>
<th scope="col">Телефон</th>
</tr>
</thead>
<tbody></tbody>
</table>
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2023, 17:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

Aidec,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 02.02.2023, 17:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

Сообщение от Aidec
Она выводит ссылки на фото, а мне нужно чтобы фото сразу отображалось в таблице,
вам было показано, как это можно сделать проще и быстрее... но раз вам хочется погорячее)))
'<td><img src="'+contacts[i].url+'" alt=""></td>';
Ответить с цитированием
  #4 (permalink)  
Старый 02.02.2023, 17:16
Аспирант
Отправить личное сообщение для Aidec Посмотреть профиль Найти все сообщения от Aidec
 
Регистрация: 07.12.2022
Сообщений: 86

Ты гений
Спасибо
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать? Блондинка Общие вопросы Javascript 1 27.05.2021 18:29
Как более правильно переписать код? Leon2110 AJAX и COMET 6 19.09.2018 16:49
Растянуть до конца странице pokk (X)HTML/CSS 18 16.01.2018 12:37
Экспорт HTML table в excel inetinf jQuery 0 24.09.2015 10:02
Событие scroll. Не цепляется строка таблицы karssen Javascript под браузер 7 15.07.2015 14:29