2007年7月4日 星期三

建立類似igoogle的拖放欄位

花了一點時間整理了blog
剛整理完就先來發一篇
這是建立拖曳的ajax程式碼片段
var xmlhttp = createxmlhttprequestobject();
varshowerrors = true;
var cache = new array();
function createxmlhttprequestobject()
{
var xmlhttp;
try
{
{
xmlhttp = new xmlhttprequest();
}
catch(e)
{
var xmlhttpversions = new array("msxml2.xmlhttp.6.0","msxml2.xmlhttp.5.0","msxml2.xmlhttp.4.0","msxml2.xmlhttp.3.0","msxml2.xmlhttp","Microsoft.xmlhttp");
for (var i=0; i
{
try
{
xmlhttp = new activexobject(xmlhttpversions[i]);
}
catch(e) {}
}
}
if (!xmlhttp)
alert("製作xmlhttprequest物件錯誤");
else
return xmlhttp;
}
function displayerror($message)
{
if (showerrors)
{
showerrors = false;
alert("錯誤");
}
}
function startup()
{
sortable.create("taskslist",{tag:"li"});
droppables.add("trash",
{
ondrop: function(element)
{
var deletetask = confirm ("確定要刪除嗎")
if (deletetask)
{
element.hide(element);
process(element.id),"deltask");
}
}
});
}
function serialize (listID)
{
var length = document.getelementbyid(listid).childnodes.length;
var serialized ="";
for (i=0;i
{
var li=document.getelementbyid(listid).childnodes[i];
var id = li.getattribute("id");
serialized += encodeuricomponent(id) + "_";
}
return serialized.substring (0,serialized.length-1);
}

這些只是程式碼中的一個小片段
如果對此一文章有興趣請來信告知
我會在發文