PDA

View Full Version : کمک در بر عکس کردن تاثیر این کد


Pro.Graming
شنبه 12 شهریور 1390, 18:38 عصر
سلام خسته نباشید
یه کد جاوا هست به این شکل

this.dragSplitpane=function(){

var Offset;
var wi;

var dragspliter=new Draggable('splitpane',{
constraint: 'horizontal',
zindex: 0,
snap: function(x,y) {
var v=Offset - $('splitpane').offsetLeft;
v=eval(v)+ wi;
if(v <= 0 && x > 0) return[0,y];
return[x,y]
},
onStart: function() {
Offset = $('splitpane').offsetLeft;
wi = eval($('onlinelist').getStyle('width').replace(/px/g, ''));
},
onDrag: function() {
var verschiebung=Offset - $('splitpane').offsetLeft;
verschiebung=eval(verschiebung)+ wi;
if(verschiebung <= 0) verschiebung=0;
$('onlinelist').setStyle({width: verschiebung+'px'});
},
onEnd: function() {
$('splitpane').setStyle({left: '0px'});
},
revert:false
});
}

این (شاید یه قسمت از کل کد مورد نظر) هست که باعث میشه یه قسمتی از صفحه( که در سمت راست صفحه قرار گرفته) قابلیت کشیدن در افق پیدا بکنه. که وقتی درگ به سمت راست میکنی به سمت راست و وقتی درگ به سمت چپ میکنی به سمت چپ حرکت بکنه.
الان میخوام این قسمت از صفحه رو به سمت چپ انتقال بدم.
اما وقتی انتقال میدم این کد درست عمل نمیکنه(وقتی به سمت راست درگ میکنی به سمت چپ حرکت میکنه و برعکس)
چجوری این کد رو تغییر بدم تا شی مورد نظر در سمت چپ صفحه به درستی به صورت افقی درگ بشه؟
ممنون
object68
شنبه 12 شهریور 1390, 23:10 عصر
سلام، خدمتتون عرض کنم که گذاشتن قسمتی از کد خیلی راهگشا نیست. اونم همچین کدی که معلومه به چند جای دیگه ربط داره. اگر براتون امکان داره بخش هایی از کد رو بذارین که ما بتونیم ازشون اجرا بگیریم. ممنون. لطفا اگه مشکلتون حل شده بگین چه جوری حلش کردین، بازم ممنون ... :)
farcry
شنبه 12 شهریور 1390, 23:49 عصر
اگه اشتباه نکرده باشم
یه همچین مدلی رو توی سایت بازی call of duty دیدم.. این سایت بسیار زیباست. و همچنین با تکون دادن موس و بردن به راست عکس بکگراند
به چپ میره و بر عکس و البته شاید شما از جای دیگه ای گیر اوردی.

کلا برای حرکت هر قسمت از صفحه باید مثل زیر یه کلاسی رو به المنت ها نسبت بدی.



<head>
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript1.2">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")

</script>
</head>
<head>
<!--drag engine code here-->
</head>
<body>
<img src="1.jp" class="drag" alt=" .......ادرس عکس"><br>
<h1><b class="drag">الا یا ایها الطلاب ناشی<br>
علیکم بالمتون لا بالحواشی</b></h1>
</body>



برای حرکت در تمامی جهات باید کد زیر رو اضافه کنید



z.style.pixelTop=temp2+event.clientY-y
Pro.Graming
یک شنبه 13 شهریور 1390, 11:44 صبح
سلام ممنون از پاسخ دوستان.
این اسکریپت مربوط به یه سی ام اس هستش به اسم e t c h a t
و تنها کاری که میخوام انجام بدم یه سری تغییرات توی این اسکریپت هست برای اینکه درگ کردن قسمت مورد نظر بعد از انتقال به سمت برعکس سمت اولیه به درستی انجام بشه.
یعنی با این کدی که گذاشتم نمیشه این تعییر رو به درستی ایجاد کرد؟ یا به عبارتی این به هم خوردگی توی جابه جایی به این قسمت از کد مربوط نمیشه ؟
چون من این قسمت از کد رو یه تغییر کوچیکی دادم و درست شد اما یه مشکلی که هست موقع شروع برای درگ یه حرکت پرشی 50px خود به خود انجام میشه.
اگر لازمه کل فایل js + css رو بذارم یا میتونید کل سیستم رو از اینترنت پیدا بکنید .
ممنون
Pro.Graming
سه شنبه 15 شهریور 1390, 14:40 عصر
کسی از دوستان نظری نداره؟
ممنون