مقتطف التعليمات البرمجية المستخدم لتنفيذ نقل وسحب الصور على صفحات الويب

يمكن استخدام JavaScript في إنشاء ملف JS.
<script language="javascript" type="text/javascript">
فار أعلى، يسار؛
فار src، السحب، دير، ope، الرجوع، نصف العرض؛
وحدة فار = 30 ؛

var aryItems,itemNum=10,index,isInit,id,max=23;

وظيفة تحميل الصفحة ()
{
document.form1.onsubmit=OnSubmit;

aryItems=new Array(itemNum);
top=document.getElementById("TABLE").getClientRects()[0].top;
left=document.getElementById("TABLE").getClientRects()[0].left;

إذا (document.getElementById("__Gantt").value!=null&&document.getElementById("__Gantt").value!="")
{
var gantt=document.getElementById("__Gantt").value;
var array=gantt.split(";");
فار length=array.length-1;
فار البداية، العرض، البند؛

لـ (الفهرس = 0؛ الفهرس <الطول؛ فهرس ++)
{
item=array[index].split("،);
start=item[0];
width=item[1];

معرف = "العنصر"+index؛
aryItems[index]=id;

vartrack = document.createElement("IMG");
Track.setAttribute("id",id);
Track.setAttribute("src"، "blue.gif")؛

document.body.appendChild(track);
document.getElementById(id).style.position="absolute";
document.getElementById(id).style.top=top+unit*index;
document.getElementById(id).style.left=left+unit*start;
document.getElementById(id).width=unit*width;
document.getElementById(id).style.zIndex=9;
}
}
آخر
{
ل(index=0;index<itemNum;index++)
{
معرف = "العنصر"+index؛
aryItems[index]=id;

vartrack = document.createElement("IMG");
Track.setAttribute("id",id);
Track.setAttribute("src"، "blue.gif")؛

document.body.appendChild(track);
document.getElementById(id).style.position="absolute";
document.getElementById(id).style.top=top+unit*index;
document.getElementById(id).style.left=left+unit*index;
document.getElementById(id).width=unit;
document.getElementById(id).style.zIndex=9;
}
}
السحب=خطأ;
left=document.getElementById(aryItems[0]).getClientRects()[0].left;
}

الدالة OnDrag()
{
إذا (event.srcElement.tagName!="IMG"&&!drag)
{
إذا (event.srcElement.id=="btnTrim")
{
// OnTrim();
}
}
آخر
{
إذا (!اسحب)
{
src=event.srcElement;
halfwidth=src.width/2;
السحب = صحيح؛

// 方向の判断
إذا (event.clientX<src.getClientRects()[0].left+halfwidth)
{
دير = "الخلف"؛
الرجوع=src.getClientRects()[0].left+src.width;
}
آخر
{
دير = "إلى الأمام"؛
الرجوع=src.getClientRects()[0].left;
}

// اسم المستخدم:１．移動・２．縮小／拡大
إذا (الحدث.shiftLeft)
{
ope="نقل";
الرجوع=event.clientX-src.getClientRects()[0].left;
}
آخر
{
ope="مقياس";
}
}
آخر
{
إذا (ope = = "مقياس")
{
var sleft=Math.ceil((src.getClientRects()[0].left-left)/unit-1)*unit+left;
var header=src.getClientRects()[0].left-src.getClientRects()[0].left;
var tail=src.width-header-Math.ceil((src.width-header)/unit)*unit;
var swidth=Math.ceil((src.width-header)/unit)*unit;
إذا (الرأس>0)
{
swidth=swidth+unit;
}
إذا (الذيل> 0)
{
swidth=swidth+unit;
}
src.style.left=sleft;
src.width=swidth;
}

إذا (ope = = "نقل")
{
src.style.left=Math.ceil((src.getClientRects()[0].left-left)/unit-1)*unit+left;
}

السحب=خطأ;
أونتريم ()
}
}
}

الدالة OnScale()
{
إذا (src!=null&&drag)
{
إذا (ope = = "مقياس")
{
// 縮小／拡大の場合
إذا (دير = = "إلى الأمام")
{
إذا (event.clientX-refer>=unit)
{
src.width=event.clientX-refer;
}
}
آخر
{
إذا (راجع الحدث.clientX>وحدة)
{
src.style.left=event.clientX;
src.width=refer-src.getClientRects()[0].left;
}
}
}
آخر
{
// موقع الويب http://www.devdao.com/
src.style.left=event.clientX-refer;
}
}

إذا (event.srcElement!=null)
{
إذا (event.srcElement.tagName=="IMG")
{
إذا (event.clientX<event.srcElement.getClientRects()[0].left+unit/2)
{
events.srcElement.style.cursor="w-resize";
}
آخر
{
events.srcElement.style.cursor="e-resize";
}
}
}
}

الدالة OnTrim()
{
فار قبل، آخر؛
ل(index=0;index<itemNum-1;index++)
{
pre=document.getElementById(aryItems[index]);
post=document.getElementById(aryItems[index+1]);
إذا (pre.getClientRects()[0].left+pre.width!=post.getClientRects()[0].left)
{
post.style.left=pre.getClientRects()[0].left+pre.width-2;
}
}

ل(index=0;index<itemNum;index++)
{
pre=document.getElementById(aryItems[index]);
إذا (pre.getClientRects()[0].left>=left+unit*max)
{
pre.style.left=left+unit*max-2;
pre.width=unit;
}

if((pre.getClientRects()[0].left<left+unit*max)&&(pre.getClientRects()[0].left+pre.width>left+unit*max))
{
pre.width=left+unit*max-pre.getClientRects()[0].left;
}
}
}

الدالة OnSubmit()
{
فار تي = "";
ل(index=0;index<itemNum;index++)
{
t=t+((document.getElementById(aryItems[index]).getClientRects()[0].left-left)/unit).toString();
t=t+"،";
t=t+(document.getElementById(aryItems[index]).width/unit).toString();
ر=t+";";
}
document.getElementById("__Gantt").value=t;
}

document.onmousedown=OnDrag;
document.onmousemove=OnScale;
</script>
لا داعي للقلق بشأن هذا الزر، فما عليك سوى إرسال رسالة OnSubmit. يمكن أن يكون هذا أمرًا طبيعيًا بالنسبة لك، وهو ما يجعل الأمر أكثر صعوبة لا داعي للقلق بشأن هذا الأمر.
الزر الفرعي المحمي1_Click()Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) يعالج Button1.Click
Response.Write(Request.Params.Item("__Gantt") & "<BR>")
خافت strGantt As String = Request.Params.Item("__Gantt")
ClientScript.RegisterHiddenField("__Gantt"، strGantt)

End Sub

Protected Sub Page_Load()Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) يعالجني.تحميل
إذا لم يكن IsPostBack ثم
ClientScript.RegisterHiddenField("__Gantt"، String.Empty)
نهاية إذا
النهاية الفرعية 希望对大家有用.