ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как переместить элемент в DOM ??? (не Drag and drop)
5 сообщений из 5, страница 1 из 1
Как переместить элемент в DOM ??? (не Drag and drop)
    #37823229
Фотография prot0type
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
prot0type
Участник
Есть вот такой код

Код: html
1.
2.
3.
4.
5.
6.
<div onclick="">нажми 1</div>
<div onclick="">нажми 2</div>
<div onclick="">нажми 3</div>
<div onclick="">нажми 4</div>

<div id="elem">текст</div>



как сделать на яваскрите чтобы при щелчке на "нажми 1" элемент id="elem" встал поле элемента на котором был щелчок?
Чтобы в итоге получилось так:

Код: html
1.
2.
3.
4.
5.
<div onclick="">нажми 1</div>
<div id="elem">текст</div>
<div onclick="">нажми 2</div>
<div onclick="">нажми 3</div>
<div onclick="">нажми 4</div>
...
Рейтинг: 0 / 0
03.06.2012, 16:26:21
| Ответить | Цитировать | Написать  
Как переместить элемент в DOM ??? (не Drag and drop)
    #37823246
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
<div onclick="this.appendChild(document.getElementById('elem')">нажми 1</div>
...
Рейтинг: 0 / 0
03.06.2012, 16:53:34
| Ответить | Цитировать | Написать  
Как переместить элемент в DOM ??? (не Drag and drop)
    #37823247
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Закрывающую скобку пропустил.
...
Рейтинг: 0 / 0
03.06.2012, 16:55:16
| Ответить | Цитировать | Написать  
Как переместить элемент в DOM ??? (не Drag and drop)
    #37823249
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
function moveElem(th) {
	var el = document.getElementById('elem');
	if (th.nextSibling != el) {
		th.parentNode.insertBefore(el, th.nextSibling);
	}
}


Код: html
1.
2.
3.
4.
<div onclick="moveElem(this);">нажми 1</div>
<div onclick="moveElem(this);">нажми 2</div>
<div onclick="moveElem(this);">нажми 3</div>
<div onclick="moveElem(this);">нажми 4</div>
...
Рейтинг: 0 / 0
03.06.2012, 16:56:59
| Ответить | Цитировать | Написать  
Как переместить элемент в DOM ??? (не Drag and drop)
    #37823262
Фотография prot0type
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
prot0type
Участник
ShSerge<div onclick="this.appendChild(document.getElementById('elem')">нажми 1</div>
так я сделал сам - элемент добавляется в тег а не после него

Яростный Меч
Код: javascript
1.
2.
3.
4.
5.
6.
function moveElem(th) {
	var el = document.getElementById('elem');
	if (th.nextSibling != el) {
		th.parentNode.insertBefore(el, th.nextSibling);
	}
}


Код: html
1.
2.
3.
4.
<div onclick="moveElem(this);">нажми 1</div>
<div onclick="moveElem(this);">нажми 2</div>
<div onclick="moveElem(this);">нажми 3</div>
<div onclick="moveElem(this);">нажми 4</div>



Спасибо!!!
Пример будет работать кросбраузерно?
...
Рейтинг: 0 / 0
03.06.2012, 17:16:41
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как переместить элемент в DOM ??? (не Drag and drop)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37823249&tid=1449741]:
 0ms
get settings:
 5ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 37ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 230ms
total:  344ms
созд. / загр.: 344ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]