Javascript.RU

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

Добавление элемента в определенное место
на сайте в данном разделе достаточно примитивное описание, даже не знаю, встречается ли такое в жизни.))
моя нерешаемая задача такова:
нужно воткнуть новый див перед текущим (а лучше после ), по нажатию на кнопку (Button)
вот мой быдлокод:
<script>
function funk(z) {
	var aaadiv = document.getElementById('aaa')
	var newdiv = document.createElement('div')
		newdiv.innerHTML = 'Новый элемент списка'
	aaadiv.insertBefore(newdiv, z)
}
</script>

<div id="aaa">
	<div>first элемент <input type="button" onClick="funk(this);return false;" value="PLUS"></div>
	<div>second элемент <input type="button" onClick="funk(this);return false;" value="PLUS"></div>
</div>

никак не могу понять, как объяснить точное местоположение куда должна добавиться новая ячейка...
хелпаните пожалуйста.
Ответить с цитированием
  #2 (permalink)  
Старый 02.05.2011, 07:25
Аватар для poorking
prodigy
Отправить личное сообщение для poorking Посмотреть профиль Найти все сообщения от poorking
 
Регистрация: 01.11.2010
Сообщений: 503

Сообщение от haveFun
а сайте в данном разделе достаточно примитивное описание
Вранье)

> parentElem.insertBefore(newElem, target)

у вас
aaadiv.parentNode.insertBefore(newdiv, aaadiv)
__________________
readOnly
Ответить с цитированием
  #3 (permalink)  
Старый 02.05.2011, 16:04
Новичок на форуме
Отправить личное сообщение для haveFun Посмотреть профиль Найти все сообщения от haveFun
 
Регистрация: 02.05.2011
Сообщений: 3

простите профессор, но вы не правы. добавление должно производиться перед (после) текущего дива, а не перед всеми существующими.
именно для этого я и пытаюсь использовать this, но вот только не пойму до конца как правильнее.
Ответить с цитированием
  #4 (permalink)  
Старый 02.05.2011, 19:07
Аватар для poorking
prodigy
Отправить личное сообщение для poorking Посмотреть профиль Найти все сообщения от poorking
 
Регистрация: 01.11.2010
Сообщений: 503

Сообщение от haveFun
простите профессор

Что значит текущий див?
__________________
readOnly
Ответить с цитированием
  #5 (permalink)  
Старый 02.05.2011, 19:28
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

<html>
<head>
<script type="text/javascript" language="javascript">
function funk(z) {
    var aaadiv = document.getElementById('aaa')
    var newdiv = document.createElement('div')
        newdiv.innerHTML = 'Новый элемент списка'
	z.parentNode.insertBefore(newdiv, z);
}
</script>
</head>
<body id="body">
<div id="aaa">
    <div>first элемент <input type="button" onClick="funk(this*!*.parentNode*/!*);return false;" value="PLUS"></div>
    <div>second элемент <input type="button" onClick="funk(this*!*.parentNode*/!*);return false;" value="PLUS"></div>
</div>
</body>
</html>

this ссылался на input а не на DIV
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #6 (permalink)  
Старый 02.05.2011, 19:54
Новичок на форуме
Отправить личное сообщение для haveFun Посмотреть профиль Найти все сообщения от haveFun
 
Регистрация: 02.05.2011
Сообщений: 3

poorking, текущий див - ячейка, в которой находиться инпут.
walik, спасибо, как раз эту конструкцию я и пытался понять)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Браузер не успевает определить высоту вновь созданного через XMLHttpRequest элемента Lockpickup AJAX и COMET 17 25.04.2011 17:58
Добавление нового элемента в документ htaccess Оффтопик 7 22.06.2010 23:49
добавление элемента формы sc2r2bey Элементы интерфейса 3 15.06.2010 16:20
Массивы удаление элемента и вставка на его место другого mycoding Общие вопросы Javascript 1 19.04.2010 22:30
Добавление элемента и работа с ним nvbn Events/DOM/Window 13 07.07.2008 19:07