Форум Сайтостроение Веб-строительство

js поменять местами элементы

D5
На сайте с 01.08.2007
Offline
24
dudim55
6907

Нужно сделать так чтобы два блока (левый и правый) чередовались местами при клике на ссылки.

Сейчас при нажатии на ссылку "влево" правый блок становится на место левого. Как сделать чтобы в это время левый становился справа. Т.е. просто поменять их местами. Может есть какая-то функция, которая меняет элементы местами?

Вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<script src="jquery.js" type="text/javascript"></script>

<style type="text/css">

.container {

width: 100%;

overflow: hidden;

}

#left {

width: 800px;

background: #cc0000;

float: left;

margin-right: 40px;

}

#right {

width: 800px;

background: #0000FF;

float: left;

}

.clear {

clear: both;

}

.wid {

width: 5000px;

}

</style>

</head>

<body>

<div class="container">

<div class="wid">

<div id="left">

left<br /><br /><br /><br /><br /><br /><br />left

</div>

<div id="right">

right <br /><br /><br />

<div style="cursor: pointer; color: #ffffff;" onclick="left()">влево</div>

<br /><br /><br /> right

</div>

<div class="clear"></div>

</div>

</div>

<!-- container end -->

<script type="text/javascript">

function left() {

$("#left").animate({width: "hide"}, 800);

}

</script>

</body>

</html>

Верстка макетов HTML+CSS (http://portfoliocoder.com/)
Sebo
На сайте с 16.08.2007
Offline
26
Sebo
#1

Каков вопрос, таков и ответ! 

<HTML><HEAD><TITLE>Demo</TITLE>

<STYLE>

DIV {width: 100px;height: 100px;position: absolute;}

.left {left: 1px;background-color: #FFEFD5;}

.right {left: 102px;background-color: #00EFD5;}

#left {background-color: #FFEFD5;}

#right {background-color: #00EFD5;}

</STYLE>

</HEAD>

<BODY>

<DIV ALIGN="center" CLASS="left" ID="left" onClick="clickLeftRight()"><H1>право</H1></DIV>

<DIV ALIGN="center" CLASS="right" ID="right" onClick="clickLeftRight()"><H1>лево</H1></DIV>

<SCRIPT>

var getEls = document.getElementsByTagName("DIV");

clickLeftRight = function() {

	if(getEls[0].className == "right")

	{getEls[0].className="left";getEls[1].className="right";}else

	{getEls[0].className="right";getEls[1].className="left";}	}

</SCRIPT>

</BODY></HTML>
if (InЯndex(ГС.*)) { GenerateГС(); } else { GenerateСДЛ(); }

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий