15.01.2018, 21:06
|
|
Кандидат Javascript-наук
|
|
Регистрация: 05.05.2016
Сообщений: 103
|
|
|
Копирование контейнера
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 штуки, как это организовать в коде?
|
|
16.01.2018, 01:15
|
 |
Профессор
|
|
Регистрация: 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>
|
|
16.01.2018, 01:41
|
|
Кандидат Javascript-наук
|
|
Регистрация: 05.05.2016
Сообщений: 103
|
|
Сообщение от 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>
|
Мне не просто вывод нужен строк, с создание контейнера, и заполнение его, я же дал пример контейнера |
|
16.01.2018, 11:19
|
|
Профессор
|
|
Регистрация: 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.
|
|
16.01.2018, 15:59
|
|
Кандидат Javascript-наук
|
|
Регистрация: 05.05.2016
Сообщений: 103
|
|
|
Сообщение от 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 приходят каждую секунду с сокета |
|
18.01.2018, 17:10
|
|
Кандидат Javascript-наук
|
|
Регистрация: 05.05.2016
Сообщений: 103
|
|
|
Ну так что?
|
|
|
|
