Показать сообщение отдельно
  #1 (permalink)  
Старый 21.10.2011, 22:57
Аватар для razerxxx
Аспирант
Отправить личное сообщение для razerxxx Посмотреть профиль Найти все сообщения от razerxxx
 
Регистрация: 05.10.2011
Сообщений: 84

пожно ли двигать area
имеется примерно следующий xтмл код
<img src='прозрачная картинка' usermap="#map">
<map name="#map">
    <area id="area_draggable1" ..../>
    <area id="area_draggable2" ..../>
</map>
<img id="draggable1" .../>
<img id="draggable2" .../>

img#draggable1 img#draggable2 - невидимые. Но при наведении на area - они появляются (по событию mouseover).
Т. е чтото вроде этого. карта.
Но мне еще надо реализовать dragndrop.
Но получается что клик то срабатывает на элементе <area />, а насколько я понял его двигать фактически нельзя. Так как он не имеет свойств top и left. Ну и двигать то нужно не его самого (он впринципе невидимый), а соответсвующий <img />.
Вопрос - можно ли както при клике, подменить объект. Т. е чтобы все дальнейшие действия обрабатывались <img/>
Например:
$('area').bind('mousedown', function() {

    this = $('img#draggable1'); // понятно что этот код работать не будет...
})
Ответить с цитированием