Показать сообщение отдельно
  #10 (permalink)  
Старый 26.08.2012, 16:49
Аватар для dmitry111
Профессор
Отправить личное сообщение для dmitry111 Посмотреть профиль Найти все сообщения от dmitry111
 
Регистрация: 26.03.2012
Сообщений: 823

lord2kim,

гениально! Этот подход мне нравится!

Вот он в работе:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>выпвып</title>
</head>

<body>
<button id="button">создать новый элемент</button>
<script>

    function create() {
        function size() {
            var sss = document.getElementsByTagName("div")[0];
            if (sss) {
            var rrr = parseInt(document.getElementsByTagName("div")[document.getElementsByTagName("div").length - 1].style.top) + 70 + "px";
            return rrr;
            }
            else {
                return "50px";
            }
        }

        var  div = document.createElement("div");
        div.style.position = "absolute";
        //div.style.top = newPosition();
        div.style.left = "20px";
        div.style.top =  size();
        div.style.width = "200px";
        div.style.height = "50px";
        div.style.border = "1px solid #000";
        document.body.appendChild(div);
    }
    document.getElementById("button").addEventListener("click", create);
</script>
</body>
</html>
Ответить с цитированием