Скрепит картинки

[Bigeniad]

Здравствуйте. Есть такой код:
 

<a href="#" onclick="document.getElementById('id').style.display='block'; return false;">Кнопка</a><div  style="position: absolute;top: 340px;left: 50px; display: none;" id="id"> <img src="images/img.png" class="drag"><a href="#" onclick="document.getElementById('id').style.display='none'; return false;"> <img src="images/hide.png"></a></div>	

При нажатии на кнопку, появляется картинка img.png, после нажатия на hide.png, она скрывается.

 

   Картинку img.png можно перемещать на странице, я бы хотел, чтобы img.png и кнопка "Скрыть" (images/hide.png) перемещались вместе, т.е .как-то скрепились.  Можно ли так сделать?

[npofopr]

Наверно можно. 

Перемещает картинку у вас явно скрипт какой то. Смотрите как он это делает. Видимо по классу "drag". Оберните этим классом картинку с кнопкой, таким образом скрипт будет перемещать весь блок, а не только одну картинку.

По логике так. Как у вас на практике будет, не знаю.

[Bigeniad]

var dragobject={z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,initialize:function(){document.onmousedown=this.dragdocument.onmouseup=function(){this.dragapproved=0}},drag:function(e){var evtobj=window.event? window.event : ethis.targetobj=window.event? event.srcElement : e.targetif (this.targetobj.className=="drag"){this.dragapproved=1if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}this.offsetx=parseInt(this.targetobj.style.left)this.offsety=parseInt(this.targetobj.style.top)this.x=evtobj.clientXthis.y=evtobj.clientY   cursor: 'crosshair'if (evtobj.preventDefault)evtobj.preventDefault()document.onmousemove=dragobject.moveit}},moveit:function(e){var evtobj=window.event? window.event : eif (this.dragapproved==1){this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"return false}}}dragobject.initialize()

Да, вот этот скрипт. Пробовал <div  class="drag">, но тогда перемещение вообще не работает.

[ows.nightwolf]

1. Строчка cursor: 'crosshair'  - не могу понять что это, мне кажется тут чего-то нехватает)

2. У вас в 10 строке: if (this.targetobj.className=="drag") - проверка на точное соответствие аттрибута class заданой строке ("drag"), по этому если у элемента два класса и более - то код не выполнится. Добавьте в скрипт функцию проверки элемента на наличие класса и в этой строке делайте проверку по этой функции. Рабочий пример.

Edited August 22, 2014 by ows.nightwolf