Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.08.2008, 10:47
Новичок на форуме
Отправить личное сообщение для BEER_HUNTER Посмотреть профиль Найти все сообщения от BEER_HUNTER
 
Регистрация: 22.08.2008
Сообщений: 7

Динамически создаваемые компоненты Drag&Drop
Здравствуйте, всем.
Я динамически создаю компоненты на странице:
button= document.createElement('input');
   button.setAttribute("type", "submit");
   button.setAttribute("name", "button1");
   document.body.appendChild(button);

Далее мне необходимо перетаскивать этот компонент.

function mousedown(ev) 
{
    obj = event.srcElement;
}

function mousemove(ev) 
{
 if (obj) 
 {
  
 obj.style.pixelLeft = event.clientX+ document.body.scrollLeft;
 obj.style.pixelTop = event.clientY + document.body.scrollTop;
  return false;
  
 }
};

function mouseup() 
{
 
 obj = null;
}

Проблема заключается в том, что в переменную obj не возвращается элемент, вызвавший событие.
Пробовал делать операцию Drag&Drop если элементы создовать в Dising time все работает. А вот при создании элементов в Run time не работает. Не поскажите в чем проблема? Очень нужна ваша помощь
Ответить с цитированием
  #2 (permalink)  
Старый 22.08.2008, 11:14
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

function mousedown(e) 
{
    e = e||window.event;
    obj = e.srcElement||e.target;
}
 
function mousemove(e) 
{
    e = e||window.event;
    if (obj) {
       obj.style.left = e.clientX + document.body.scrollLeft;
       obj.style.top = e.clientY + document.body.scrollTop;
       return false;
    }
}
 
function mouseup() 
{ 
   obj = null;
}
Ответить с цитированием
  #3 (permalink)  
Старый 22.08.2008, 11:26
Новичок на форуме
Отправить личное сообщение для BEER_HUNTER Посмотреть профиль Найти все сообщения от BEER_HUNTER
 
Регистрация: 22.08.2008
Сообщений: 7

Спасибо ZoNT. Но результат тот же самый
если элементы создовать в Dising time все работает. А вот при создании элементов в Run time не работает.
Ответить с цитированием
  #4 (permalink)  
Старый 22.08.2008, 11:32
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

дай ссылку на тестовую страничку или приведи код полнее
Ответить с цитированием
  #5 (permalink)  
Старый 22.08.2008, 11:37
Новичок на форуме
Отправить личное сообщение для BEER_HUNTER Посмотреть профиль Найти все сообщения от BEER_HUNTER
 
Регистрация: 22.08.2008
Сообщений: 7

Это index.jsp
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>My designer!!</title>
    </head>
     <script type="text/javascript" src="javascript.js"></script> 
     <body>
       <select id="choose_element">
         <option>Drop-Down List</option>
        <option>CheckBox</option>
        <option>Button</option>
        <option>Text Input</option>
        <option> Radio Button</option>
        <option> Multi-line Input</option>
    </select>
    <input type="submit" value="Create" name="create" onclick="create_control()" />
    </body>
</html>


А это файл javascript.js

function mousedown(e) 
{
    e = e||window.event;
    obj = e.srcElement||e.target;
}
 
function mousemove(e) 
{
    e = e||window.event;
    if (obj) {
       obj.style.left = e.clientX + document.body.scrollLeft;
       obj.style.top = e.clientY + document.body.scrollTop;
       return false;
    }
}
 
function mouseup() 
{ 
   obj = null;
}

function create_control()
{
   var temp=window.prompt('Введите имя создаваемого элемента','');
   if((temp!='') && (temp!=null))
       {
        elem=document.getElementById("choose_element");
        select_value=elem.selectedIndex;
        switch (select_value) 
        {
            case 0:
                {
                  drop_down_list=document.createElement('select');
                  drop_down_list.setAttribute("name", temp);
                  document.body.appendChild(drop_down_list);  
                }
                break;
            case 1:
                {
                  check_box= document.createElement('input');
                  check_box.setAttribute("type","checkbox");
                  check_box.setAttribute("name", temp);
                  document.body.appendChild(check_box);
                }
                break;
           case 2:
                {
                  button= document.createElement('input');
                  button.setAttribute("type", "submit");
                  button.setAttribute("name", temp);
                  button.setAttribute("style","position:absolute;");
                  document.body.appendChild(button);
                }
                break;
           case 3:
                {
                  edit = document.createElement('input');
                  edit.setAttribute("type", "text")
                  edit.setAttribute("name",temp);
                  document.body.appendChild(edit);
                }
                break;
            case 4:
                {
                  radio=document.createElement('input');
                  radio.setAttribute("type", "radio");
                  radio.setAttribute("name", temp);
                  document.body.appendChild(radio);  
                }
                break;
            case 5:
                  {
                    textarea=document.createElement('textarea');
                    textarea.setAttribute("name",temp);
                   document.body.appendChild(textarea);
                  }
            
         
        }

       }
   
 
}

document.onmousedown = mousedown;
document.onmousemove = mousemove;
document.onmouseup = mouseup;
Ответить с цитированием
  #6 (permalink)  
Старый 22.08.2008, 12:12
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

function mousedown(e) {
    e = e||window.event;
    obj = e.srcElement||e.target;
}
 
function mousemove(e) {
    e = e||window.event;
    if (window.obj) {
       obj.style.left = e.clientX + document.body.scrollLeft;
       obj.style.top = e.clientY + document.body.scrollTop;
       return false;
    }
}
 
function mouseup() { 
	obj = null;
}
 
function create_control() {
   var temp=window.prompt('Введите имя создаваемого элемента','');
   if((temp!='') && (temp!=null)) {
        var elem=document.getElementById("choose_element");
        var e;
        switch (elem.selectedIndex) {
            case 0:
					e=document.createElement('select');
                break;
            case 1:
					e=document.createElement('input');
					e.setAttribute("type","checkbox");
                break;
           case 2:
					e=document.createElement('input');
					e.setAttribute("type", "submit");
                break;
           case 3:
					e=document.createElement('input');
					e.setAttribute("type", "text")
                break;
            case 4:
					e=document.createElement('input');
					e.setAttribute("type", "radio");
                break;
            case 5:
                    e=document.createElement('textarea');
        }
		e.setAttribute("name", temp);
		e.style.position = 'absolute';
		document.body.appendChild(e);
	}
}
 
document.onmousedown = mousedown;
document.onmousemove = mousemove;
document.onmouseup = mouseup;
Ответить с цитированием
  #7 (permalink)  
Старый 22.08.2008, 12:32
Новичок на форуме
Отправить личное сообщение для BEER_HUNTER Посмотреть профиль Найти все сообщения от BEER_HUNTER
 
Регистрация: 22.08.2008
Сообщений: 7

ZoNT, огромное тебе спасибо!!! ВЫручил.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск