Показать сообщение отдельно
  #5 (permalink)  
Старый 20.07.2011, 01:56
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Стилевые свойства не пишите в строчку. Код можно укоротить примерно так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head>
<title>Animation Javascrip</title>
<style type="text/css">
#wrapper {
 width:600px;
 margin:0 auto;
 background:#dedede;
 position:relative;
}

.cube {
 width:1px;
 height:1px;
 background:#000000;
 position:absolute;
 background: blue;
}
</style>
 
</head>
<body>
<div id="wrapper">
<form id="num" action="" method="">
<input type="text" name="field" />
<input type="button" value="вперед" id="but" />
</form>
<script type="text/javascript">
create = function(posL, posT) {
 var cube = document.createElement("div");// ну я же говорил - обратите внимание на "var"!
 cube.className = "cube";
 cube.style.left=posL; // здесь проверка if не обязательна - предполагается, что этот параметр будет передан обязательно.
 cube.style.top=posT; // и тут тоже. В той ф-ции я использовал if, чтобы в случае, если передан цвет, то ставить его, а если нет - оставлять цвет по умолчанию. Здесь же "умолчания" нет, так что смело убираем if...
 document.body.appendChild(cube);
};

document.getElementById("but").onclick = function(){
 var numV = Math.round(document.getElementById("num").field.value);
 for(var i=0; i<numV; i++) {
  create(i/2+"px", i+"px");
 }
}
</script>
</div>
</body>
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием