-
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