Создание обьекта в JavaScript

Ответить
Аватара пользователя
Wendstor1982
Сообщения: 2
Зарегистрирован: 30.10.2011
Решил написать один компонент на javascript, но вот отоброжение на странице не получаеться.

Код: Выделить всё

<style type="text/css">
    .buttons{ background-color: Gray; border-color: Green; border-width: 1px; width: 50px; height: 30px}
</style>

<script type="text/javascript">
function buttons ()
    {
        this.name="buttons";
        this.caption="buttons";
        this.className = "buttons"; // мне кажется, что вот сдесь ошибка...
    }
    
    buttons.prototype.setName=function(value)
    {
        if (value) this.name = value; 
    }
    
    function test()
    {
        var b1= new buttons();
        b1.setName("");
    }
</script>
<body onload="test()">

</body>

Аватара пользователя
Distructor
Администратор
Сообщения: 1607
Зарегистрирован: 28.12.2009
как то так, если я правильно понял, что ты хотел получить

Код: Выделить всё

<html>
<header>
    <style type="text/css">
        .buttons{ background-color: Gray; border-color: Green; border-width: 1px; width: 150px; margin: 0 5px; height: 30px}
    </style>
    <script type="text/javascript">
        
        function new_button ()
        {
            // создаем html элемент
            var btn = document.createElement('input');
            // выставляем его свойства в нужные значения
            btn.type="button";
            btn.name="our_button";
            btn.value="some text";
            btn.className = "buttons";
            // возвращаем полученный объект
            return btn;
        }

        function test()
        {
            // создаем объект новой кнопки
            var new_btn1 = new_button();
            // отображаем ее
            document.getElementById('buttons_block').appendChild(new_btn1);
            
            // создаем объект новой кнопки
            var new_btn2 = new_button();
            // меняем текст
            new_btn2.value="another text";
            // отображаем ее
            document.getElementById('buttons_block').appendChild(new_btn2);
        }
    </script>
</header>
<body onload="test()">
    
    <div id="buttons_block"></div>

</body>
</html>
подробнее можно почитать в http://www.howtocreate.co.uk/tutorials/ ... /dombasics

Аватара пользователя
Wendstor1982
Сообщения: 2
Зарегистрирован: 30.10.2011
спосибо, теперь понял

Ответить