Javascript.RU

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

Создание элемента в начале innerHTML
Здравствуйте, у меня есть кусок HTML:
<li class="disabled" id="button3">
    	            <div class="supply3">
	            </div>
</li>

Мне нужно создать тег img над div.
<li class="disabled" id="button3">
<img width="22" height="14" align="left" id="turnbutton" title="Добавить в очередь" src="img/layout/sofort_bauen.gif">
    	            <div class="supply3">
	            </div>
                </li>

Код который ниже...
var buildbox = document.getElementById("building");
var buildArray = buildbox.getElementsByClassName("disabled");
//var button = "<img align=\"left\" title=\"Добавить в очередь\" width=\"22\" height=\"14\" src=\"img/layout/sofort_bauen.gif\">";
var turnButton = document.createElement('img');
turnButton.id = 'turnbutton', turnButton.align = 'left', turnButton.title = 'Добавить в очередь', turnButton.width = '22',
turnButton.height = '14', turnButton.src = 'img/layout/sofort_bauen.gif';

for (i = 0; i < buildArray.length; i++) {
	buildArray[i].insertBefore(turnButton, buildbox.getElementsByClassName("supply" + i)[0]);
}

И попытки поиграться с Child'ами и Sibling'ами, не увенчались успехом...

Последний раз редактировалось KamaZz, 17.09.2010 в 16:30.
Ответить с цитированием
  #2 (permalink)  
Старый 17.09.2010, 16:14
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Поздравляем!
Ответить с цитированием
  #3 (permalink)  
Старый 17.09.2010, 16:21
Аспирант
Отправить личное сообщение для KamaZz Посмотреть профиль Найти все сообщения от KamaZz
 
Регистрация: 22.06.2010
Сообщений: 47

Благодарю, обожаю подобную дружелюбность со стороны посетителей форума...
Ответить с цитированием
  #4 (permalink)  
Старый 17.09.2010, 16:23
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Это был не просто флуд, но намек. Лично я не понял сути проблемы.
Ответить с цитированием
  #5 (permalink)  
Старый 17.09.2010, 16:29
Аспирант
Отправить личное сообщение для KamaZz Посмотреть профиль Найти все сообщения от KamaZz
 
Регистрация: 22.06.2010
Сообщений: 47

В таком случае, извиняюсь...
Проблема заключаеться в том, что при создании элемента, он создается в конце выделенного элемента. Даже с (вероятно неправильным) использованием insertBefore
Ответить с цитированием
  #6 (permalink)  
Старый 17.09.2010, 16:39
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Как насчет такого варианта:
<li class="disabled" id="button3">
<div class="supply3">text</div>
</li>
<script>
var li = document.getElementById('button3'),
liChild = li.childNodes,
div, img = document.createElement('img')
img.src = 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
for(var i=0, len=liChild.length; i<len; i++){
  if(liChild[i].className == 'supply3') {
    div = liChild[i]
    break
  }
}
li.insertBefore(img, div)
</script>
Ответить с цитированием
  #7 (permalink)  
Старый 17.09.2010, 16:48
Аспирант
Отправить личное сообщение для KamaZz Посмотреть профиль Найти все сообщения от KamaZz
 
Регистрация: 22.06.2010
Сообщений: 47

Немного переделал под себя, но ошибку я нашел, спасибо...
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание собственных свойств элемента cooli0 Events/DOM/Window 1 03.03.2010 15:35
Динамическое создание елемента из динамически созданного элемента. Anguis Элементы интерфейса 10 16.12.2009 17:26
Обновление элемента на странице ajax-ом Urfin jQuery 1 24.07.2009 18:40
Границы элемента DIv gosha_kap Общие вопросы Javascript 1 06.07.2009 17:12
ошибка с innerHTML Gekt0r Общие вопросы Javascript 15 21.08.2008 11:57