ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять местами два дива на странице ?
6 сообщений из 6, страница 1 из 1
Как поменять местами два дива на странице ?
    #36292457
Повар
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Повар
Участник
На странице есть два дива, гарантированно не вложенных друг в друга, вопрос - как максимально просто поменять их местами при помощи javascript?
...
Рейтинг: 0 / 0
05.11.2009, 15:15
| Ответить | Цитировать | Написать  
Как поменять местами два дива на странице ?
    #36292475
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Помкнять дивы или их содержимое?
...
Рейтинг: 0 / 0
05.11.2009, 15:19
| Ответить | Цитировать | Написать  
Как поменять местами два дива на странице ?
    #36292610
Повар
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Повар
Участник
Именно дивы.
...
Рейтинг: 0 / 0
05.11.2009, 16:02
| Ответить | Цитировать | Написать  
Как поменять местами два дива на странице ?
    #36292681
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Как-нибудь так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<html>
<script>
function chg(){
	var d1=document.getElementById("div1");
	var d2=document.getElementById("div2");
	var d11=d1.cloneNode(true);
	var d22=d2.cloneNode(true);
	d2.parentNode.insertBefore(d11,d2);
	d1.parentNode.insertBefore(d22,d1);
	d1.parentNode.removeChild(d1);
	d2.parentNode.removeChild(d2);
}
</script>
<body>
<div id="div1">aaaaa</div>
<div id="div2">bbbbb</div>
<button onclick="chg()">Click</button>
</body>
</html>
...
Рейтинг: 0 / 0
05.11.2009, 16:21
| Ответить | Цитировать | Написать  
Как поменять местами два дива на странице ?
    #36292829
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
/me думает: а если учесть, что
http://www.w3schools.com/DOM/met_node_removechild.asp
This function returns the removed node on success, or NULL on failure.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<html>
	<head>
		<script type="text/javascript">
<!--
function DoIt()
{
	var
		d2,
		d3;

	if(!(d2=document.getElementById("Div2"))
		|| !(d3=document.getElementById("Div3")))
		return;

	d2.parentNode.insertBefore(d3.parentNode.removeChild(d3),d2);
}
// -->
		</script>
	</head>
	<body>
		<div id="Div1">Div1</div>
		<div id="Div2">Div2</div>
		<div id="Div3">Div3</div>
		<div id="Div4">Div4</div>
		<input type="button" value="DoIt!" onclick="DoIt()">
	</body>
</html>
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
05.11.2009, 16:57
| Ответить | Цитировать | Написать  
Как поменять местами два дива на странице ?
    #36293222
Повар
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Повар
Участник
Всем спасибо! И за ответы и за внимание к моей пустяковой проблеме! Мой вариант был хуже первого предложенного.

Ex_Soft
Такой метод будет работать только для соседних дивов, а мне надо для двух произвольных, но совместив оба способа, я получил нужную функцию. Суть состоит в том, что надо копию второго дива вставлять перед первым, первый перед вторым, а потом удалить второй.

Если можно лучше, буду рад ещё решениям!
...
Рейтинг: 0 / 0
05.11.2009, 19:27
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять местами два дива на странице ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36292829&tid=1454014]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 160ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 254ms
total:  483ms
созд. / загр.: 483ms
x
x
Закрыть


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