tengo este codigo...
Código PHP:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script>
navigator.userAgent.indexOf("MSIE")>0 ? IE=true : IE=false;
dragobj=null;
offX=0;
offY=0;
oldZ=100;
document.onmousedown=start;
document.onmousemove=drag;
document.onmouseup =stopp;
function start(e)
{
var ev = IE ? window.event : e;
dragobj = IE ? ev.srcElement : ev.target;
if (dragobj.attributes["dragme"])
{
dragobj.style.zIndex = oldZ+1;
oldZ++;
offX = IE ? ev.clientX - dragobj.style.pixelLeft : ev.pageX - parseInt(dragobj.style.left);
offY = IE ? ev.clientY - dragobj.style.pixelTop : ev.pageY - parseInt(dragobj.style.top );
}
else stopp();
}
function drag(e)
{
if (!dragobj) return;
dragobj.style.left = (IE ? window.event.clientX : e.pageX) - offX;
dragobj.style.top = (IE ? window.event.clientY : e.pageY) - offY;
return false;
}
function stopp()
{
dragobj=null;
}
</script>
<div dragme style="position:absolute;left: 50;top: 50;width:40;height:40;background-color:blue;">
</DIV>
<div dragme style="position:absolute;left:150;top: 50;width:40;height:40;background-color:red ;"><img src="image..jpg"></DIV></body>
como pueden ver, se crean dos div, ambos son dragables, gracias al atributo "DRAGME", pero mi problema es que la imagen, que tengo dentro de uno de esos divs, no la puedo arrastrar, se que no s epuede ya que ella no tiene el atributo DRAGME, pero si se lo pongo, se arrastra individualmente, y no todo el conjunto completo.
lo que yo quiero es crear grupos, como el que hice, de la imagen, dentro del DIV, y si arrastro el div o la imagen, todo se mueva junto, y no independientemente.
por favor alguien que me ayude ....