Показать сообщение отдельно
  #1 (permalink)  
Старый 12.09.2008, 01:20
Кандидат Javascript-наук
Отправить личное сообщение для magistr_bender Посмотреть профиль Найти все сообщения от magistr_bender
 
Регистрация: 07.09.2008
Сообщений: 133

Drag&Drop перетаскивание таблицы
есть таблица созданная при помощи elementCreate

хочу чтоб её можно было таскать за верхнюю строчку по всему окну.. как это сделать?
вот код самой таблицы
<style>
  #vjt-table-top{
    background-image: url(skins/standart/images/22.png); background-repeat: repeat-x; width: 100%
  }
  #vjt-table-left{
    background-image: url(skins/standart/images/25.png); background-repeat: repeat-y; height: 200px
  }
  #vjt-table-right{
    background-image: url(skins/standart/images/26.png); background-repeat: repeat-y
  }
  #vjt-table-bottom{
    background-image: url(skins/standart/images/27.png); background-repeat: repeat-x
  }
  #vij-table{
    width: 500px
  }
  #vij-table-ie{
    cellpadding: 0px; cellspacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0;
  }
  .vjt-img{
    border: 0;
  }


  </style>

<input type="submit" value="Create" name="create" onclick="create_control()" />
<script language="JavaScript" type="text/javascript">
var vjtwindow;

function create_control() {
    if (!vjtwindow) {
        vjtwindow=document.createElement("table");
        vjtwindow.cellPadding = 0;
        vjtwindow.cellSpacing = 0;
        vjtwindow.setAttribute("id","vij-table");


    var newRow=vjtwindow.insertRow(0);
    var newCell = newRow.insertCell(0);
        newCell.id="vij-table-ie";
        newCell.innerHTML="<img src=\"skins/standart/images/21.png\" class=\"vjt-img\"/>";

    var newCell = newRow.insertCell(1);
        newCell.id="vjt-table-top";
        newCell.innerHTML="";

    var newCell = newRow.insertCell(2);
        newCell.id="vij-table-ie";
        newCell.innerHTML="<img src=\"skins/standart/images/24.png\" class=\"vjt-img\"/>";

    var newRow=vjtwindow.insertRow(1);
    var newCell = newRow.insertCell(0);
        newCell.id="vij-table-ie";
        newCell.innerHTML="<img src=\"skins/standart/images/29.png\" class=\"vjt-img\"/>";

    var newCell = newRow.insertCell(1);
        newCell.id="vjt-table-bottom";
        newCell.innerHTML="";

    var newCell = newRow.insertCell(2);
        newCell.id="vij-table-ie";
        newCell.innerHTML="<img src=\"skins/standart/images/28.png\" class=\"vjt-img\"/>";

    var newRow=vjtwindow.insertRow(1);
    var newCell = newRow.insertCell(0);
        newCell.id="vjt-table-left";
        newCell.innerHTML="";

    var newCell = newRow.insertCell(1);
        newCell.id="vjt-tab";
        newCell.setAttribute("vlign","top");
        newCell.innerHTML="<b>23</b>";

    var newCell = newRow.insertCell(2);
        newCell.id="vjt-table-right";
        newCell.innerHTML="";
    vjtwindow.position="absolute";
    document.body.appendChild(vjtwindow);
    }
}
</script>
Ответить с цитированием