Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.01.2018, 21:06
Аспирант
Отправить личное сообщение для SpaceAlarm Посмотреть профиль Найти все сообщения от SpaceAlarm
 
Регистрация: 05.05.2016
Сообщений: 92

Копирование контейнера
https://jsfiddle.net/3vqfatoj/ есть код,
есть входящие параметры:
let text = {name: "testserver", map: "de_dust2", password: false,  maxplayers: 10}; 
let text = {name: "testserver1", map: "de_inferno", password: false,  maxplayers: 10}; 
let text = {name: "testserver2", map: "de_cs15", password: true,  maxplayers: 10};


На данный момент, все копируется в один контейнер div.
Необходимо, на каждый параметр text их допустим 3, создавать контейнер , то есть их должно быть 3 штуки, как это организовать в коде?
Ответить с цитированием
  #2 (permalink)  
Старый 16.01.2018, 01:15
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script>
let arr =[{name: "testserver", map: "de_dust2", password: false,  maxplayers: 10},
	{name: "testserver1", map: "de_dust2", password: false,  maxplayers: 10}, 
	{name: "testserver2", map: "de_dust2", password: false,  maxplayers: 10}];

for(var i = 0; i<arr.length; i++) document.body.insertAdjacentHTML('beforeend', '<div>'+arr[i].name+' '+arr[i].map+' '+arr[i].password+' '+arr[i].maxplayers+'</div>');
</script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 16.01.2018, 01:41
Аспирант
Отправить личное сообщение для SpaceAlarm Посмотреть профиль Найти все сообщения от SpaceAlarm
 
Регистрация: 05.05.2016
Сообщений: 92

Сообщение от j0hnik Посмотреть сообщение
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script>
let arr =[{name: "testserver", map: "de_dust2", password: false,  maxplayers: 10},
	{name: "testserver1", map: "de_dust2", password: false,  maxplayers: 10}, 
	{name: "testserver2", map: "de_dust2", password: false,  maxplayers: 10}];

for(var i = 0; i<arr.length; i++) document.body.insertAdjacentHTML('beforeend', '<div>'+arr[i].name+' '+arr[i].map+' '+arr[i].password+' '+arr[i].maxplayers+'</div>');
</script>
</body>
</html>
Мне не просто вывод нужен строк, с создание контейнера, и заполнение его, я же дал пример контейнера
Ответить с цитированием
  #4 (permalink)  
Старый 16.01.2018, 11:19
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

SpaceAlarm,
Сообщение от SpaceAlarm
создание контейнера, и заполнение его, я же дал пример контейнера
А j0hnik дал вам пример создания контейнера.
Ну, если вы не можете воспользоваться этим примером самостоятельно...

<!DOCTYPE html>
<head>
</head>
<body>
<script>
let arr =[{name: "testserver", map: "de_dust2", password: false,  maxplayers: 10},
	{name: "testserver1", map: "de_dust2", password: false,  maxplayers: 10}, 
	{name: "testserver2", map: "de_dust2", password: false,  maxplayers: 10}];

for(var i = 0; i<arr.length; i++) { 
   document.body.insertAdjacentHTML('beforeend','<table class="table" style="table-layout:fixed"><tbody></tbody></table>');
   var j = 0;
   for (var key in arr[i]) {
     document.querySelectorAll("table tbody")[i].insertAdjacentHTML('beforeend','<tr><td>'+key+'</td><td><div id="test'+i+j+'">' + arr[i][key] + '</div></td></tr>');
     j++; 
  }
}
</script>
</body>
</html>

Последний раз редактировалось Dilettante_Pro, 16.01.2018 в 11:23.
Ответить с цитированием
  #5 (permalink)  
Старый 16.01.2018, 15:59
Аспирант
Отправить личное сообщение для SpaceAlarm Посмотреть профиль Найти все сообщения от SpaceAlarm
 
Регистрация: 05.05.2016
Сообщений: 92

Сообщение от Dilettante_Pro Посмотреть сообщение
SpaceAlarm,

А j0hnik дал вам пример создания контейнера.
Ну, если вы не можете воспользоваться этим примером самостоятельно...

<!DOCTYPE html>
<head>
</head>
<body>
<script>
let arr =[{name: "testserver", map: "de_dust2", password: false,  maxplayers: 10},
	{name: "testserver1", map: "de_dust2", password: false,  maxplayers: 10}, 
	{name: "testserver2", map: "de_dust2", password: false,  maxplayers: 10}];

for(var i = 0; i<arr.length; i++) { 
   document.body.insertAdjacentHTML('beforeend','<table class="table" style="table-layout:fixed"><tbody></tbody></table>');
   var j = 0;
   for (var key in arr[i]) {
     document.querySelectorAll("table tbody")[i].insertAdjacentHTML('beforeend','<tr><td>'+key+'</td><td><div id="test'+i+j+'">' + arr[i][key] + '</div></td></tr>');
     j++; 
  }
}
</script>
</body>
</html>
а как сделать, что бы не копировало? http://prntscr.com/i16t8a данные arr приходят каждую секунду с сокета
Ответить с цитированием
  #6 (permalink)  
Старый 18.01.2018, 17:10
Аспирант
Отправить личное сообщение для SpaceAlarm Посмотреть профиль Найти все сообщения от SpaceAlarm
 
Регистрация: 05.05.2016
Сообщений: 92

Ну так что?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить содержимое контейнера в переменную? snovapavel jQuery 0 27.11.2016 04:56
копирование текста из ячейки таблицы в textarea racoon Общие вопросы Javascript 5 22.07.2013 22:17
копирование файлов в обход ограничений безопасности danil2011 Internet Explorer 0 27.06.2011 07:43
Нахождение элемента в видимой части контейнера со скроллом kidar2 Events/DOM/Window 0 21.05.2010 10:50