Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2010, 19:47
Интересующийся
Отправить личное сообщение для Hron Посмотреть профиль Найти все сообщения от Hron
 
Регистрация: 07.04.2010
Сообщений: 11

DOM new node размещение
Привет js'ерам!
Мне очень интересно решение следующей задачи:
Допустим у нас существует какая-то форма с известным id.
К примеру такая:
<div id="overlay">
     <div>
          <form id = 'forma' method=" " action=" ">
          <input type='file'/>
          <input id= 'ok'type='button' value='OK'/>
          </form>
     </div>
</div>

Нужно ее динамически заполнить различными элементами(button, radio, text,etc.) Для заполнения я воспользовался следующим:
var input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "wow!");
forma.appendChild(input);

Но таким способом кнопка добавляется "в конец", а необходимо, чтобы она добавлялась в определенной позиции на форму, например на расстоянии 30px от нижней границы формы. Я пробовал
input.style.position = 'inherit';
input.style.bottom = '20px';

Но результат меня не обрадовал. Буду рад опробовать ваши идеи.

P.S.: может быть ошибся темой.. вроде бы вопрос интерфейса, но и DOM тут замешан.

Последний раз редактировалось Hron, 07.04.2010 в 20:14.
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2010, 20:37
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

так это вопрос по верстке. Попробуй либо margin-bottom для кнопки, либо padding-bottom для формы, без всяких position, bottom

и что значит динамически заполнить? Сразу после загрузки страницы? Тогда на сервере это делать надо
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2010, 22:03
Интересующийся
Отправить личное сообщение для Hron Посмотреть профиль Найти все сообщения от Hron
 
Регистрация: 07.04.2010
Сообщений: 11

динамически.. да, после загрузки, в зависимости от каких-то событий удаляем из формы элементы и заполняем её неким количеством новых (разных по типу) элементов, возможно на самой форме тоже будут кнопки для создания текстовых полей и проч.

Все что вы тут наговорили для меня малоинформативно.. если на padding-bottom я еще могу построить ассоциацию CSS. (слабо представляю решение, но попробую), то о серверной стороне я вообще пока ничего не знаю.
Я думаю, в моем случае добавление/удаление элементов через DOM - это 100% клиент. Но я еще нуб и чаще знаю "как проще", а не как "надо". Что там с сервером?
Ответить с цитированием
  #4 (permalink)  
Старый 07.04.2010, 22:24
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

значит не на сервере
Ответить с цитированием
  #5 (permalink)  
Старый 08.04.2010, 07:29
Интересующийся
Отправить личное сообщение для Hron Посмотреть профиль Найти все сообщения от Hron
 
Регистрация: 07.04.2010
Сообщений: 11

Попробовал менять:
-padding у формы в css
-input.style-margin-left = '10px'

input.setAttribute('style','margin-left:20px; margin-top:10px')


Последнее помогло размещать элементы относительно друг друга, но все-таки позиционирование относительно границ формы было бы понятней и проще, спасибо.
Ответить с цитированием
  #6 (permalink)  
Старый 08.04.2010, 10:55
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

как же проще, если до сих пор не получилось? Не знаю, что там за форма, но отступы между элементами логичнее регулировать с помощью отступов

setAttribute редко используется, обычно input.style.marginLeft = '20px'...
Ответить с цитированием
  #7 (permalink)  
Старый 08.04.2010, 11:37
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Тогда уж лучше
input.style.cssText="margin-left:20px; margin-top:10px"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
onClick эвент для всего документа, кроме отдельно взятого элемента DOM el_erizo Events/DOM/Window 5 19.03.2010 15:09
Вопрос о циклических ссылках (JavaScript -> Dom -> JavaScipt) BlueIce Events/DOM/Window 10 17.02.2010 21:58
Обращение к layer в DOM Asd Элементы интерфейса 2 01.07.2009 23:16
Сохранение дерева DOM в файл Александр1985 Общие вопросы Javascript 7 24.01.2009 23:15
Добавление свойств посредством DOM Bajjy Общие вопросы Javascript 8 02.10.2008 14:51