VPF::реализвция drag & drop - Форум программистов

Fly1410

Дата 19.7.2007, 12:32 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 113
Регистрация: 15.7.2006

Репутация: нет
Всего: нет

вообщем пишу шашки и возникла такая ситуация, я выбираю шашку и когда её (шашку) двигаю чуть-чуть всё работает. А когда на большое расстояние то выскакивает зачёркнутый значок (в IE), значок копирования-плюсик (в myIE). Почему такая штука срабатывает?

Код



var canMove=false;
var moveField="";
var posX=0,posY=0;

function down(id,event){
    moveField = id;        
    posX = event.x-parseInt(document.getElementById("i"+id).style.left);
    posY = event.y-parseInt(document.getElementById("i"+id).style.top);    
}

function up(){
    moveField = "";
}

function move(event){
    if (moveField!=""){        
        document.getElementById("i"+moveField).style.left = event.x-posX;
        document.getElementById("i"+moveField).style.top = event.y-posY;        
        document.getElementById("stat").innerText = document.getElementById("stat").innerText + " 1 ";
    }
}

код страницы

Код



    <div>
        <table width="150" border="1">
          <tr height="50">
            <td width="50" id="b1" onmousedown="down(this.id,event);" onmouseup="up();" onmousemove="move(event);">
            <img id="ib1" src="img.gif" height="50" class="img"/>  </td>
            <td width="50" id="b2"  onmousedown="down(this.id);" onmouseup="up();" onmousemove="move(event);">&nbsp;</td>
          </tr>
          <tr height="50">
            <td id = "b3">&nbsp;</td>
            <td id = "b4">&nbsp;</td>
          </tr>
        </table>
    </div>

Это сообщение отредактировал(а) Fly1410 - 19.7.2007, 12:33

Fly1410

Дата 19.7.2007, 13:06 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 113
Регистрация: 15.7.2006

Репутация: нет
Всего: нет

понял

когда я таскаю рисунок получается такая штука. А когда тоская ячейку из таблицы по всё работает.(тоскается мой рисунок).

Код


<td width="50" id="b1" onmousedown="down(this.id,event);" onmouseup="up();" onmousemove="move(event);">
            <img id="ib1" src="img.gif" height="50" class="img"/> 
 </td>

Добавлено через 11 минут и 29 секунд
можно ли как сделать что бы при клике на рисунок срабатывали события ячейки(т.е. того элемента где рисунок находится)? Как будто мы кликаем не на рисунке а под ним

SelenIT

Дата 19.7.2007, 15:47 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401

Fly1410, не стоит таскать ячейки таблицы - они для этого не предназначены. Лучше всего, как Вам советовали в другой теме, таскать абсолютно позиционированные дивы.

Если же хотите непременно таскать img - Вам придется бороться с последствиями штатного drag-and-drop'а для них (например, обычную картинку можно "перетянуть" в адресную строку - там появится ее src), так же, как и для ссылок. Доработка сводится к отмене умолчательного действия в onmousemove для IE и onmousedown для Gecko (вот здесь, например, я лично "ковырял" вопрос).

Это сообщение отредактировал(а) SelenIT - 19.7.2007, 15:50

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Fly1410

Дата 23.7.2007, 14:02 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 113
Регистрация: 15.7.2006

Репутация: нет
Всего: нет

спасибо за сслылку

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »