Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять местами два дива на странице ? / 6 сообщений из 6, страница 1 из 1
05.11.2009, 15:15
    #36292457
Повар
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять местами два дива на странице ?
На странице есть два дива, гарантированно не вложенных друг в друга, вопрос - как максимально просто поменять их местами при помощи javascript?
...
Рейтинг: 0 / 0
05.11.2009, 15:19
    #36292475
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять местами два дива на странице ?
Помкнять дивы или их содержимое?
...
Рейтинг: 0 / 0
05.11.2009, 16:02
    #36292610
Повар
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять местами два дива на странице ?
Именно дивы.
...
Рейтинг: 0 / 0
05.11.2009, 16:21
    #36292681
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:57
    #36292829
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, 19:27
    #36293222
Повар
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять местами два дива на странице ?
Всем спасибо! И за ответы и за внимание к моей пустяковой проблеме! Мой вариант был хуже первого предложенного.

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

Если можно лучше, буду рад ещё решениям!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять местами два дива на странице ? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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