[高分]大侠帮帮我吧,刚学JS但项目太难做了

实现功能:
在网页最上面有个工具栏(就像导航栏一样),工具栏上有些按钮,比如文本框,确定按钮,Label框等,可以拖动这些按钮到网页上,然后在拖动的输入框中(比如文本框)输入数据提交到数据库里,都在网页上实现.现在面临的问题是:
1.不会实现工具栏和拖动按钮这些功能(主要是用javascript来写的吧);
2.提交数据(可能用到XML)
请大侠门帮忙给点资料或则给点思路(真的想跪下了...),当然有代码那是求之不得的事情,我的邮箱是([email protected]),跪谢!!!!!
如果哪位大侠能帮我,再另外写贴补分,万分感激.

解决方案 »

  1.   

    看这个吧，绝对可以给你帮助
    http://www.linb.net/dev/builder/
      

  2.   

    huo789(四火)
    ------------------------
    你好,可我不会实现哦,能发我一些代码或资料吗?
      

  3.   

    也許對你又幫助。
    ---------------
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    /*
    -- Author:Harry
    -- Date:03/22/2005
    */
    var Drag = false;// true&#26102;&#20026;鼠&#26631;状&#24577;&#20026;&#25302;&#21160;&#26102;
    var Drop = false;// true&#26102;&#20026;鼠&#26631;状&#24577;&#20026;放置被&#25302;&#21160;的&#21333;元格&#26102;
    var r = 10;//表格的行数
    var c = 10;//表格的列数
    var cWidth = 25;//&#21333;元格的&#23485;度
    var tdObj = null;
    var arrColor = ["aliceblue","antiquewhite","aquamarine","beige","burlywood","cadetblue","chocolate","cornsilk","cyan","darkmagenta","darksalmon","darkorange"];
    document.onmousedown = function(){
    if(event.srcElement.tagName == "TD"){
    Drag = true;
    tdObj = event.srcElement;
    tdObj.style.zIndex=1;
    tdObj.mouseDownY=event.clientY;
    tdObj.mouseDownX=event.clientX;
    tdObj.setCapture();
    }
    }
    document.onmousemove = function (){
    if(Drag){
    tdObj.style.top = (event.clientY- tdObj.mouseDownY);
    tdObj.style.left = (event.clientX- tdObj.mouseDownX);
    }
    if(Drop){
    Drop = false;
    var s1 = tdObj.innerText;
    var b1 = tdObj.bgColor;
    var s2 = event.srcElement.innerText;
    var b2 = event.srcElement.bgColor;
    tdObj.innerText = s2;
    tdObj.bgColor = b2;
    event.srcElement.innerText = s1;
    event.srcElement.bgColor = b1;
    }
    }
    document.onmouseup = function(){
    Drag = false; Drop = true;
    tdObj.releaseCapture();
    tdObj.style.top=0;
    tdObj.style.left=0;
    tdObj.style.zIndex=0;
    }
    //-->
    </SCRIPT>
    <div id="d" style="position:absolute;display:none;z-index:2"></div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function load(){
    fCreateTable(true);
    }
    function fCreateTable(flag){
    var tb = document.createElement("table");
    tb.cellPadding = "0";
    tb.cellSpacing = "0";
    tb.border = "1px solid #cccccc";
    if(flag) tb.id = "myTb1";else tb.id = "myTb0";
    for(var i=0;i<r;i++){
    var row = tb.insertRow(i);
    for(var j=0;j<c;j++){
    var cell = row.insertCell(j)
    if(flag) cell.innerText = i*c+j;else cell.innerHTML = "&nbsp;";
    cell.style.width = cWidth + "px";
    cell.style.height = cWidth + "px";
    cell.style.position = "relative";
    cell.bgColor = arrColor[Math.round(Math.random()*(arrColor.length-1))]
    //cell.style.border = "1px solid #cccccc"
    }
    }
    document.body.appendChild(tb);
    }
    //-->
    </SCRIPT>
    <body onload="load()" onselectstart="return false" style="cursor:pointer;">
    </body>
      

  4.   

    huo789(四火)
    ----------------------
    我不要这么复杂的功能,只要在网页上方的工具栏里拖动控件到编辑区就行了,控件也就几种基本的就可以了,能提供给我代码吗?
      

  5.   

    WebOS ? WebSoft?
    I 服了 U！
      

  6.   

    linb的代码是写得不错的。但是一个小小的功能，就要把2000行的代码加进去，得不偿失...BYW:linb的OO是做得不错的干脆用这种效果吧，省掉了拖动的效果，代码量也少一些
    http://www.never-online.net/code/js/Dreamweaver/
      

  7.   

    点击toolbar，弹出，加入属性，再加入编辑区，这种效果容易实现。
      

  8.   

    BlueDestiny(傀儡木偶|never-online.net) 
    --------------------------------------
    你这种方案也好啊,我不要这么复杂的功能,只要几个控件就可以了,然后下面有设计跟预览就可以了.问题就是我不知道该怎么实现啊,请帮帮忙好吗,如果解决了,我给你200分啊,跪求........