[JS] Jak odczytać ID diva?, chodzi o IE 6 Opcje

[juzwa]

chciałem zrobić bibliotekę - dla divów drag & drop

wygląda to wszystko tak

CZEŚĆ I - dodawanie usuwanie zdarzeń
właściwie niepotrzebna w temacie, ale jakby komuś się miało przydać, to jest tutaj całość

[HTML] pobierz, plaintext 
function eventUntil ()
{
   this.addEvent = function(target, eventType, functionName)
   {
 
      if (target.addEventListener)
      {
             target.addEventListener(eventType, functionName, false);
      }
        else if (target.attachEvent)
           target.attachEvent("on" + eventType, functionName);
          else
           target["on" + eventType] = dds;
   }
 
   this.removeEvent = function(target, eventType, functionName)
   {
      if (target.addEventListener)
              target.removeEventListener(eventType, functionName, false);
        else if (target.attachEvent)
           target.detachEvent("on" + eventType, functionName);
          else
           target["on" + eventType] = null;
   }
 
   this.getEvent = function()
   {
       if (window.event)
      {
           return this.formatEvent(window.event);
         }
      else
      {
           return this.getEvent.caller.arguments[0];
       }
   }
 
 
 
   this.formatEvent = function (eventType)
   {
 
      if (typeof eventType.charCode == "undefined")
      {
         eventType.charCode = (eventType.type == "keypress") ? eventType.keyCode : 0;
         eventType.isChar = (eventType.charCode > 0);
      }
 
      if (eventType.srcElement && !eventType.target)
      {
         eventType.eventPhase = 2;
         eventType.pageX = eventType.clientX + document.body.scrollLeft;
         eventType.pageY = eventType.clientY + document.body.scrollTop;
 
         if (!eventType.preventDefault)
         {
               eventType.preventDefault = function ()
               {
                  this.returnValue = false;
               };
         }
 
         if (eventType.type == "mouseout")
            eventType.relatedTarget = eventType.toElement;
          else if (eventType.type == "mouseover")
            eventType.relatedTarget = eventType.fromElement;
 
 
         if (!eventType.stopPropagation)
         {
               eventType.stopPropagation = function ()
               {
                  this.cancelBubble = true;
               };
         }
 
         eventType.target = eventType.srcElement;
         eventType.time = (new Date).getTime();
 
      }
      return eventType;
   };
}
[HTML] pobierz, plaintext 

CZĘŚĆ II - właściwy drag & drop

[HTML] pobierz, plaintext 
var dragNdrop =
{
   elArray : new Array(),
   initElements: false,
   dragDiv : false,
   container : false,
   eUntil : new eventUntil(),
   diffX : 0,
   diffY : 0,
   currentDiv : '',
   initElement: function (dDiv,c)
   {
      dragDiv = this.checkElemetId(dDiv);
      if(!c || typeof c =='undefined')
         container = document.body;
      else
         container = this.checkElemetId(c);
 
      initElements =    dragDiv && container;
      if(initElements)
      {
         if(!dragNdrop.elArray[dDiv] || typeof dragNdrop.elArray[dDiv] == 'undefined')
         {
            dragNdrop.elArray[dDiv] = dragDiv;
         }
         dragNdrop.eUntil.addEvent(dragNdrop.elArray[dDiv],"mousedown",dragNdrop.eventMouseDown);
      }
      else
      {
 
      }
   },
 
   eventMouseDown : function()
   {
      var eventType = dragNdrop.eUntil.getEvent();
      dragNdrop.currentDiv = this.id;
        diffX = eventType.clientX - dragNdrop.elArray[dragNdrop.currentDiv].offsetLeft;
        diffY = eventType.clientY - dragNdrop.elArray[dragNdrop.currentDiv].offsetTop;
        dragNdrop.eUntil.addEvent(container, "mousemove", dragNdrop.eventMouseMove);
      dragNdrop.eUntil.addEvent(container, "mouseup", dragNdrop.eventMouseUp);
   },
   eventMouseMove : function()
   {
       var eventType = dragNdrop.eUntil.getEvent();
 
         dragNdrop.elArray[dragNdrop.currentDiv].style.left = eventType.clientX - diffX;
         dragNdrop.elArray[dragNdrop.currentDiv].style.top = eventType.clientY - diffY;
   },
 
   eventMouseUp : function()
   {
      dragNdrop.eUntil.removeEvent(container, "mousemove", dragNdrop.eventMouseMove);
        dragNdrop.eUntil.removeEvent(container, "mouseup", dragNdrop.eventMouseUp);
   },
 
   checkElemetId : function (id)
   {
      if(document.getElementById(id))
         return document.getElementById(id);
      return false;   
   }
}
[HTML] pobierz, plaintext 

przykład wywołania

//np na onload
dragNdrop.initElement('div_1');
dragNdrop.initElement('div_2');

o ile pod FF działa to pod IE przywiesiłem się w miejscu
dragNdrop.currentDiv = this.id;

chcę aby na mouseDown funkcja która gdzieś tam wcześniej została przypisana do tego diva odebrała id tego diva i aby wszystkie przeliczenia funkcje itd odnosiły się do tego diva, a nie np do ostatniego zainicjalizowanego

pod IE this.id to undefined i nie mam pojęcia jak zrobić aby było dobrze

[lord_t]

Próbowałem to uruchomić w ogóle, pod ff, między innymi tak:

Kod

function startxxx()
{
dragNdrop.initElement('div_2','div_1');
}

[HTML] pobierz, plaintext 
<input type="button" name="sub" value="Dodaj" onclick="startxxx();" />
<div id='div_1' style="width:400px;height:500px;border:black solid 1px;">
<div id='div_2' style="width:40px;height:40px;border:black solid 1px;background-color:red;"></div>
</div>
[HTML] pobierz, plaintext 

Ale mi nie działało, powiedz co robię(ew. wklej działające wywołanie) źle to postaram się pomóc:)

[juzwa]

Rozwiązanie problemu

w eventMouseDown : function()

zamiast samego
dragNdrop.currentDiv = this.id;

należy użyć

dragNdrop.currentDiv = this.id;
if(!dragNdrop.currentDiv || typeof dragNdrop.currentDiv =='undefined')
dragNdrop.currentDiv = window.event.srcElement.id;

Odpowiadając lord_t

1 - DIVY - muszą mieć position : absolute
2 - ze względu na moje przywieszenie z IE nie zrobiona jest jeszcze obsługa dragNdrop.initElement('div_2','div_1')

czyli że DIV_2 jest ruchomy tylko w zakresie DIV_1

bez podawania drugiego argumentu
dragNdrop.initElement('div_2')

DIV_2 jest ruchomy w zakresie całego obszaru widocznego