arrastrar imagen a una tabla en javascript
Publicado por airam123 (2 intervenciones) el 27/09/2009 00:30:59
Hola a todos, tengo un problemita con algo que quiero realizar, espero puedan orientarme, lo que quiero hacer es arrastrar una imagen en mi pagina web y que al soltarla dentro de una tabla me envie un mensaje cualquiera, solamente lo quiero para saber que la imagen ya esta en esa posicion de la tabla.
Hasta el momento solo he podido arrastrarla, lo malo que al soltarla en mi tabla no pasa nada, espero puedan ayudarme, el codigo que tengo hasta el momento es:
function iniciar(event, id)
{
posicion=0; mover=null;
mover=document.getElementById(id);
cursorX=event.clientX;
cursorY=event.clientY;
document.addEventListener("mousemove", iniMover, true);
document.addEventListener("mouseup", finMover, true);
comenzarX=parseInt(mover.style.left);
comenzarY=parseInt(mover.style.top);
mover.style.zIndex=++posicion;
}
function iniMover(event)
{
var xActual, yActual;
xActual=event.clientX;
yActual=event.clientY;
mover.style.left=(comenzarX+xActual-cursorX)+"px";
mover.style.top=(comenzarY+yActual-cursorY)+"px";
}
function finMover(event)
{
document.removeEventListener("mousemove", iniMover, true);
document.removeEventListener("mouseup", finMover, true);
}
// y para mi tabla implemento la misma funcion de finMover, pero no me hace nada
En verdad espero que me puedan ayudar, sino de todos modos gracias por su ayuda y disculpen las molestias
Hasta el momento solo he podido arrastrarla, lo malo que al soltarla en mi tabla no pasa nada, espero puedan ayudarme, el codigo que tengo hasta el momento es:
function iniciar(event, id)
{
posicion=0; mover=null;
mover=document.getElementById(id);
cursorX=event.clientX;
cursorY=event.clientY;
document.addEventListener("mousemove", iniMover, true);
document.addEventListener("mouseup", finMover, true);
comenzarX=parseInt(mover.style.left);
comenzarY=parseInt(mover.style.top);
mover.style.zIndex=++posicion;
}
function iniMover(event)
{
var xActual, yActual;
xActual=event.clientX;
yActual=event.clientY;
mover.style.left=(comenzarX+xActual-cursorX)+"px";
mover.style.top=(comenzarY+yActual-cursorY)+"px";
}
function finMover(event)
{
document.removeEventListener("mousemove", iniMover, true);
document.removeEventListener("mouseup", finMover, true);
}
// y para mi tabla implemento la misma funcion de finMover, pero no me hace nada
En verdad espero que me puedan ayudar, sino de todos modos gracias por su ayuda y disculpen las molestias
Valora esta pregunta


0