Динамическое создание объектов

[Wizard2007]

Здравствуйте!
Подскажите возможно ли на JavaScript создавать динамческие объекты как в других языках программирование. Т.е. могу ли я средствами JavaScript создать на страничке кнопку, поле для ввода?

[AndreyKO]

Есть так называемая Объектная Модель Документа, то есть DOM (Document Object Model), которая описывает все элементы веб-страницы и их свойства. С помощью JavaScript можно работать с DOM, в том числе создавать новые объекты. Подробнее читайте учебники.

[Wizard2007]

В учебниках в основном пишу, что надо написать document.Write('тут пишим теги HTML') и получаем кнопочку табличку и прочее что отобразиться на страничке, а что бы только средствами JavaScript Ничего не нашел. МОжет пример какой подскажешь?

[nanomyte]

С помощью prototype это можно сделать например так:

var target=$("fullImage");
if(target){target.update("<img src='img/wait.gif' />");}

- найти элемент с идентификатором "fullImage", и заменить его содержимое на указанное.
Т.е. если было <div id="fullImage">...</div> то станет <div id="fullImage"><img src='img/wait.gif' /></div> то есть добавится указанный нами элемент

Или можно еще так:

var e=new Element("div",{id:this.elementId, style:"display:none; position:absolute; left:50%; top:50%; width:200px; margin:-35px 0px 0px -110px; border:1px solid #777; padding:10px; background:#8ab url("+this.bgImage+") repeat-x; text-align:center; z-index:200;"});
this.element=document.body.appendChild(e);

[Wizard2007]

Это то что надо , только вот надо б еще с сервера файлик текстовый прочитать

[nanomyte]

Цитата: Сообщение от Wizard2007 Это то что надо, только вот надо б еще с сервера файлик текстовый прочитать

Так прочитай

А если серьезно - что именно прочитать и в каком виде отобразить? Это надо из скрипта AJAX-запрос послать, который на стороне сервера кто-то примет и обработает и текст в ответ пошлет. У меня на prototype это реализуется примерно так:

function getThumbnails(url,params){
  url=url||"thumbnails.php";
  params=params||"";
  var target=$("idTargetDiv");
  target.update("<div class=\"center\"><img src='img/waitwindow.gif' /></div>");
  var success=true;
  var aj=new Ajax.Updater(target,url,{
    parameters: params,
    onFailure: function(request){success=false;},
    onComplete: function(request){
      if(!success){
        target.insert({top:"<div class=\"center error\">Ошибка получения изображений!</div>"});
      }
    }
  });
}