X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Создание странциы с сеткой 16х16, состоящей из квадратов
Austeen
Austeen
Topic Starter сообщение 14.8.2016, 20:26; Ответить: Austeen
Сообщение #1


Нужно создать страницу с сеткой 16х16, состоящей из div-элементов в форме квадрата. При помощи JS я смог создать один ряд квадратов, но не могу понять, как создать следующий столбец, т.к. они продолжают идти ниже предыдущего ряда.
Вот, что у меня получилось, после создания двух строчек div'ов:

[attachment=41203:Снимок экрана (231).jpg]

Так выглядит код:
HTLM:
<!DOCTYPE html>
<html>
<head>
<title>Picture!</title>
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>

CSS:
[CSS]
#block1 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
}

#block2 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
margin: 0px 0px 0px 30px;
}
[/CSS]
JS:
[JS]
var i = 0;

for (i=0;i<17;i++) {
var div1 = document.createElement('div');
document.body.appendChild(div1);
div1.setAttribute("id", "block1");
};

for (i=0;i<17;i++) {
var div2 = document.createElement('div');
document.body.appendChild(div2);
div2.setAttribute("id", "block2");
};
[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Austeen
Austeen
Topic Starter сообщение 14.8.2016, 21:49; Ответить: Austeen
Сообщение #2


UPD: Разобрался, как упорядочить столбцы, теперь проблема в другом: как при помощи javascript поместить один div в другой?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 15.8.2016, 10:22; Ответить: Degradator
Сообщение #3


div1.appendChild(div2);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Austeen
Austeen
Topic Starter сообщение 15.8.2016, 23:40; Ответить: Austeen
Сообщение #4


Благодарю!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Создание сайтов под ключ
2 igor3333 1000 11.2.2021, 12:10
автор: igor3333
Открытая тема (нет новых ответов) Создание и продвижение сайтов
8 Nijest 1514 26.12.2020, 14:42
автор: Nijest
Открытая тема (нет новых ответов) Работы , помощь по Wordpres. создание сайтов недорого
2 tbr82 389 24.11.2020, 17:53
автор: Silverspam
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлысоздание виджета/плагина для WP
Требуется
5 Palundra 1015 7.11.2020, 22:39
автор: Palundra
Горячая тема (нет новых ответов) Создание сайтов, разработка скриптов\парсеров и десктопного ПО
Владею CMS DLE, CMS Drupal и языком C#
36 Zak2009 19924 5.9.2020, 11:34
автор: Zak2009


 



RSS Текстовая версия Сейчас: 7.3.2021, 23:11
Дизайн