请教！如何用javascript动态生成克拖拽的组件？

Question

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
 {
  if (event.button==1&&dragapproved) //改变被拖动元素在页面上的位置
   {
    eventsource.style.pixelLeft=temp1+event.clientX-x
    eventsource.style.pixelTop=temp2+event.clientY-y
    return false
   }
 }
function drags()
 {
  if (!document.all)
  return
  if (event.srcElement.className=="drag") //捕捉鼠标和被拖动元素的当前位置
   {
    dragapproved=true
    eventsource=event.srcElement
    temp1=eventsource.style.pixelLeft
    temp2=eventsource.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
   }
 }
document.onmousedown=drags   //鼠标左键按下时,准备拖动
document.onmouseup=new Function("dragapproved=false")//鼠标左键放开时,拖动停止function create()
{
for(i=0;i<document.all.mychoice.length;i++)
if(document.all.mychoice[i].checked)
{
mytype=document.all.mychoice[i].value;
document.all.myadd.innerHTML+="<input type="+mytype+" class=drag>";
break;
}
}
</script>
<input type=radio name=mychoice value=radio>radio
<input type=radio name=mychoice value=checkbox>checkbox
<input type=radio name=mychoice value=text>text
<input type=radio name=mychoice value=button>button
<input type=button value=create onclick=create()>
<div id=myadd></div>

Answer 1

首先谢谢比给我的答复，是这样的，我现在真在用javascript实现一个公文模板定义页面，此模板定义要求能够动态的产生组件并可以进行拖拽，这样在定义好自己的模板后，就将此模板保存到数据库中，我不知道如何将此页面保存到数据库中，我的指导老师说，在数据库中建立三个表，一个用来保存控件信息，一个用来保存模板信息，如名称和html代码，还有一个信息表，我不知道第一个表和第二表之间是什么关系，那位高手能帮我讲解讲解！不知道我的问题说明了没有.......一定给分！！！