Advertisement
Guest User

Untitled

a guest
Mar 14th, 2014
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function ElementSelector_Init(){
  2.     var Body = document.getElementsByTagName("body")[0];
  3.  
  4.     function MoveSelection(e){
  5.         var ev = e ? e : event;
  6.         var Element = ev.srcElement ? ev.srcElement : ev.target;
  7.  
  8.         // Если ивент приходится на тот самый слой с рамкой, прерываемся
  9.         // TODO: Проблема здесь
  10.         if (Element == document.getElementById("ElementSelector_SelectionMain"))
  11.             return;
  12.  
  13.         var SelectionMain;
  14.         // Если слой с рамкой уже имеется, выбираем его
  15.         if (document.getElementById("ElementSelector_SelectionMain"))
  16.             SelectionMain = document.getElementById("ElementSelector_SelectionMain");
  17.         // Иначе создаем новый
  18.         else {
  19.             SelectionMain = document.createElement("div");
  20.             SelectionMain.setAttribute("id", "ElementSelector_SelectionMain");
  21.             SelectionMain.style.position = "absolute";
  22.         }
  23.  
  24.         // Перемещаем к позиции над элементом
  25.         var Position = ElementSelector_GetOffset(Element);
  26.         SelectionMain.style.top = Position.top + "px";
  27.         SelectionMain.style.left = Position.left + "px";
  28.         SelectionMain.style.width = Element.offsetWidth + "px";
  29.         SelectionMain.style.height = Element.offsetHeight + "px";
  30.         Body.appendChild(SelectionMain);
  31.     }
  32.     // Вешаем ивенты на действия с мышкой
  33.     document.addEventListener("mouseover", MoveSelection);
  34.     document.addEventListener("mousemove", MoveSelection);
  35.     document.addEventListener("mouseout", MoveSelection);
  36. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement