Вопросы и ответы
Топ за год Облако тегов  

Как создать сетку из div ов ?

php css веб дизайн jQuery

CreatorM, 681 просмотр
0
Создать сетку из одинаковых div во весь экран.
От 1 до 30 например ?
Используя html css js jquery php.

Примечание:
Спасибо за ответы, artkarpenko и Беклиев Парвиз, но они не верны..
Надо чтобы Дивы заняли ВЕСЬ ЭКРАН ( при любом заданном количестве div ).

Примечание:
Надо вот такое http://tympanus.net/Development/DynamicGrid/
Только чтобы количество можно было задать GET запросом, а не устанавливать вручную мышкой.

Примечание:
Беклиев Парвиз , спасибо за совет.
Сохранить лучше архивом с сайта плагина.
Только мне нужно не сохранить ( это давно сделано ) а изменить.
Ответы:
ᴽ
Циклом от 0 до 29.
artkarpenko
<html>
<head>
 <script language="javascript">
   function genDivs(){
   var n=6; //take grid column value as you want
   var j=1;
   for(var i=1;i<n;i++)
   {document.body.innerHTML+='<div class="row">';
   for(k=0;k<n;k++)
   {document.body.innerHTML+='<div class="gridsquare">'+(j++)+'</div>';}
   document.body.innerHTML+='</div>';}
   }
 </script>
</head>
<body>
   <input type="button" onclick="genDivs()" value="click">
</body>
</html>
Беклиев Парвиз
А вот живая версия кода 'artkarpenko'.
Беклиев Парвиз
На весь экран, в смысле и в высоту и в ширину?
Беклиев Парвиз
Если нужен такой же, то лучше сохранить эту страницу и переделать под свои нужды.
Лучше сохранять вручную, а не автоматически. Не нужно пользоваться Ctrl+S, потом сложно будет разобраться.


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.