Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   javascript function (https://javascript.ru/forum/misc/42291-javascript-function.html)

maksZidan007 21.10.2013 00:34
javascript function
 
помогите мне нужно чтоб эта функцыя делила див center на 25 одинаковых квадратов что не так в функции
function qwe(){
var container = document.getElementById("center");
var coll = 5;
var width = container.clientWidth/coll;
var height = container.clientHeight/coll;
for (var i = 0; i<coll;i++){
for (var j =0; j<coll;j++){
var sp = document.createElement("span");
sp.style.border="1px solid #FF00AE";
sp.style.width = width*i+"px";
sp.style.height = height*j+"px";
container.appendChild(sp);
}
}
}

devote 21.10.2013 01:03 
<div id="center" style="width: 200px; height: 200px;"></div>
<script>
function qwe(){
  var container = document.getElementById("center");
  var coll = 5;
  var width = container.clientWidth/coll;
  var height = container.clientHeight/coll;
  for (var i = 0; i<coll;i++){
    for (var j =0; j<coll;j++){
      var sp = document.createElement("span");
      sp.style.border="1px solid #FF00AE";
      sp.style.display = 'inline-block';
      sp.style.width = (width - 2) +"px";
      sp.style.height = (height - 2) +"px";
      container.appendChild(sp);
    }
  }
}
qwe();
</script>

maksZidan007 21.10.2013 01:10
посмотри что сделало

maksZidan007 21.10.2013 01:11
devote,
мне нужно поделить на 25 равных квадратов

devote 21.10.2013 01:13
Цитата:
Сообщение от maksZidan007
мне нужно поделить на 25 равных квадратов
чем вас не устраивают квадраты что я привел в пример?

keen 21.10.2013 10:32
Цитата:
Сообщение от devote (Сообщение 277390)
чем вас не устраивают квадраты что я привел в пример?
очевидно тем, что надо одну цифру дописать :)

maksZidan007 21.10.2013 11:37
devote,
у мене вышел отступ между рядами примерно в 2 пикселя и тогда ети 25 элементов вылазять снизу

keen 21.10.2013 11:44
нда, яваскрипт - не футбол.

maksZidan007 21.10.2013 12:02
keen,
как сделать чтоб между сточками небыло отступов

BETEPAH 21.10.2013 13:53
Вложений: 1
maksZidan007,
где вы здесь увидели отступы?

maksZidan007 21.10.2013 14:24
devote,
у меня междк рядами промижуток ка его убрать?

maksZidan007 21.10.2013 14:27
BETEPAH,
http://rghost.ru/49635358

BETEPAH 21.10.2013 14:32
maksZidan007,
Нам-то откуда знать, почему у вас между рядами промежутки?
У devote промежутков нет.
Мошт маржины у вас в стилях или падинги какие-то... *пожимающий плечами смайлик.

maksZidan007 21.10.2013 14:48
BETEPAH,
а как сделать чтоб при клике делило область на 36 равных квадратов

BETEPAH 21.10.2013 14:55
Цитата:
Сообщение от maksZidan007
а как сделать чтоб при клике делило область на 36 равных квадратов
замените 5 на 6 в скрипте :)

maksZidan007 21.10.2013 15:04
BETEPAH,
нет нужно при клике по идее должна бить функцыя в функции

BETEPAH 21.10.2013 17:14
Цитата:
Сообщение от maksZidan007
нет нужно при клике по идее должна бить функцыя в функции
Да ну? :)
<div id="center" style="width: 200px; height: 200px;"></div>
<script>
function qwe(coll){
  var container = document.getElementById("center");
container.innerHTML = '';
  var width = container.clientWidth/coll;
  var height = container.clientHeight/coll;
  for (var i = 0; i<coll;i++){
    for (var j =0; j<coll;j++){
      var sp = document.createElement("span");
      sp.style.border="1px solid #FF00AE";
      sp.style.display = 'inline-block';
      sp.style.width = (width - 2) +"px";
      sp.style.height = (height - 2) +"px";
      container.appendChild(sp);
    }
  }
}
document.getElementById('center').onclick = function() { qwe(6) };
qwe(5);
</script>


Часовой пояс GMT +3, время: 16:53.