ramin149
چهارشنبه 18 اسفند 1389, 19:20 عصر
سلام دوست عزیر و بابت کد بالا خیلی ممنونم ولی من به یک مشکلی دیگه برخورد گردم اگر من 3 div دیگه قرار بدم و این کد رو بهش نسیت بدم یک خورده به هم می خوره می شه در این مورد هم کمکم کنید (ببخشید که مزاحمت شدم دوباره خودم روی این قضیه فکر کردم ولی موفق نشدم ):خجالت::خجالت:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function getStyle(el, styleProp) {
if (el.currentStyle)
var y = el.currentStyle[styleProp];
else if (window.getComputedStyle)
var y = document.defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
return y;
}
function loc(sender) {
var t = getStyle(sender, 'top');
t = t.replace('px', '');
if (l == 'auto') {
t = sender.offsetTop;
}
var oldW = t;
var l = getStyle(sender, 'left');
l = l.replace('px', '');
if (l == 'auto') {
l = sender.offsetLeft;
}
var oldh = l;
if (oldW != 290) {
sender.style.top = "290px";
sender.style.left = "475px";
sender.style.zIndex = '10';
var div = document.getElementById("div1");
div.style.top = oldW + 'px';
div.style.left = oldh + 'px';
div.style.zIndex = '0';
div.id = sender.id;
sender.id = "div1";
}
}
</script>
</head>
<body>
<div id="div6" class="div6"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 100px; left: 474px; background-color:Silver;"
onclick="loc(this);"></div>
<div id="div5" class="div5"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 126px; left: 235px; background-color:Olive;"
onclick="loc(this);"></div>
<div id="div4" class="div4"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 136px; left: 717px; background-color:Lime"
onclick="loc(this);"></div>
<div id="div3" class="div3"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 171px; left: 285px; background-color:Gray;"
onclick="loc(this);"></div>
<div id="div2" class="div2"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 175px; left: 665px; background-color:Aqua;"
onclick="loc(this);"></div>
<div id="div1" class="div1"
style="position: absolute; width: 296px; height: 365px; cursor: pointer; top: 220px; left: 471px; background-color:blue;"
onclick="loc(this);"></div>
</body>
</html>