PDA

View Full Version : تغییر مکان یک دکمه button از طریق تغییر مختصات x,y در صفحه


tayebeh
یک شنبه 25 بهمن 1383, 11:41 صبح
با سلام
آیا میشه یک دکمه باتن رو در صفحه جابجا کرد؟
مثلا یک کمبو باکس داشته باشیم که دارای مقادیر وسط - راست - چپ باشد . حالا کاربر با انتخاب هرکدام از آنها باتن مورد نظر در وسط ، راست و یا چپ برود . منظور من این است که مختصات x,y دکمه باتن تغییر کند .
آیا این کار ممکن است ؟
اگه در برداشت پایه ای موضوع اشتباهی کرده ام لطفا راهنمائیم کنید.
باتشکر
بای
Behrouz_Rad
یک شنبه 25 بهمن 1383, 15:10 عصر
<script type="text/javascript">
function moveobject()
{
document.getElementById('MyObject').style.position ="absolute"
document.getElementById('MyObject').style.left="50"
document.getElementById('MyObject').style.top="100"
}
</script>

کد فوق رو می تونید سفارشی کنید تا مقادیر ورودی رو از شما بگیره.
موفق باشید.
:wise1:
M.GhanaatPisheh
دوشنبه 26 بهمن 1383, 00:39 صبح
حالا بهروز خان اگر تونستی drag & drop رو هم بگی برنده ای .
وگرنه مجبورم خودم برنده شم. :)
Behrouz_Rad
دوشنبه 26 بهمن 1383, 08:28 صبح
و اما در مورد Drag & Drop:


<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}

if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;

document.onmousemove = MM;
document.onmouseup = MU;
</script>

حالا به راحتی می تونید هر عنصری رو که خواستید حرکت بدید و در مکان مشخصی قرارش بدید.
نحوه استفاده (مثال):


<BODY>

<div id="s" style="position:absolute;left:50;top:300;">
<img src=MyImage1.gif name="s">
</div>

<div id="d" style="position:absolute;left:50;top:350;">
<img src=MyImage2.gif name="d">
</div>

<div id="c" style="position:absolute;left:100;top:300;">
<img src=MyImage3.gif name="c">
</div>

البته این بخش مربوط به برنامه نویسی سمت سرور هست و ... .
موفق باشید.
:wise1:
esi022
دوشنبه 26 بهمن 1383, 09:49 صبح
با عرض ارادت به آقا بهروز

Z-INDEX هم برای اینه که مثل لایه بشه
Behrouz_Rad
دوشنبه 26 بهمن 1383, 09:55 صبح
اگر منظورتون این هست که به Z-INDEX نیاز هست باید عرض کنم که خیر. :wise1:
esi022
دوشنبه 26 بهمن 1383, 10:04 صبح
:wink:
نه میخواستم بگم ازش استفاده کنید - خوبه
Behrouz_Rad
دوشنبه 26 بهمن 1383, 10:57 صبح
در این مورد میشه از Z-INDEX استفاده کرد ولی لزوم چندانی نداره. (امتحان کنید)
البته بهتره برای تمامی عناصری که در فرم مکان آنها مشخص است، از Z-INDEX برای جلوگیری از تداخل آنها استفاده شود.
tayebeh
سه شنبه 27 بهمن 1383, 07:04 صبح
بازم مثل همیشه بهروز برنده میشه :تشویق: :تشویق: :تشویق: :تشویق: :flower: :wise1: :موفق: :embr:
باتشکر از داداش بهروزم