Hola a todos, bueno, reconozco que estoy comenzando a aprender javascript y muchos conceptos no los tengo claros, pero intentaré ayudar con sugerencias. mira, me he suscrito al tema porque lo veo muy interesante, luego, he recordado con el baul de los recuerdo tenía algún script que quizás pueda ayudar, por lo que lo he desenpolvado, si se puede utilizar, pues bien,
se trata de mover por la pantalla LO QUE SEA, con el ratón, yo nunca lo he probado pero el que lo hizo dice que funciona (en teoría).
He pensado que quizas en vez de hacer doble clic para las fotos las pulsamos y las arrastramos hacia el escenario(¿igual que flash?)
bueno, ya me dirás si puede ser util
Con este script puedes hacer que el usuario mueva alguna cosa de tu page a cualquier lugar
<script language="JavaScript1.2" type="text/javascript">
I4I5=document.all?1:0; N4=document.layers?1:0
N6=document.getElementById&&!document.all?1:0
function crea(cpa)
{
this.id=(N6&&!N4)?eval('document.getElementById('+ "cpa"+')'):
eval('document.all.'+cpa+'')
this.mover=mover2;
this.sacaLeft=sacaLeft2
this.sacaTop=sacaTop2
this.autor=false
return this
}
function mover2(x,y)
{
this.id.style.left=x
this.id.style.top =y
}
function sacaLeft2()
{
x=(N6)? this.id.style.left:this.id.style.pixelLeft
return parseInt(x)
}
function sacaTop2()
{
y=this.id.style.top
return parseInt(y)
}
var z_Index = 15
elemento=new crea
function moverDown(xevent,objeto)
{
elemento=new crea(objeto)
var xs=(N6)?xevent.pageX:event.x
var ys=(N6)?xevent.pageY:event.y
elemento.autor=true;
elemento.enX=xs-elemento.sacaLeft()
elemento.enY=ys-elemento.sacaTop()
elemento.id.style.zIndex=z_Index++
}
function persigue(xevent)
{
var xs=(N6)?xevent.pageX:event.x
var ys=(N6)?xevent.pageY:event.y
if(elemento.autor)
{
elemento.mover(xs-elemento.enX,ys-elemento.enY)
}
}
function outCapa()
{
elemento.autor=false
}
document.onmousemove=persigue;
/******************************************
* Script Hecho por Eleazar Prieto Aguilar *
*
[email protected] *
* Todos los derechos reservados ;) *
* Se puede usar siempre y cuando esto se *
* mantega integramente (copypaste) free *
******************************************/
</script>
<div id="capaSup" onmousedown="moverDown(event,this.id)" onmouseup="outCapa()" style="position:absolute; left:10; top:10; width:200px; height:200px;background-color:#016dd7; cursor:default;border:solid windowtext .8pt; z-index:1">
<table style="color:#2bff05;font-size:50px;" width="100%" height="100%"><tr><td align="center" valign="middle">unKnown</td></tr></table></div>
<div id="capaSup2" onmousedown="moverDown(event,this.id)" onmouseup="outCapa()" style="border:solid windowtext .8pt;position:absolute; left:40; top:40; width:200px; height:200px;background-color:#87fa4e; cursor:default; z-index:2">
<table style="color:#1e05ff;font-size:50px;" width="100%" height="100%"><tr><td align="center" valign="middle">unKnown</td></tr></table></div>
<div id="capaSup3" onmousedown="moverDown(event,this.id)" onmouseup="outCapa()" style="border:solid windowtext .8pt;position:absolute; left:70; top:70; width:200px; height:200px;background-color:#ffffff; cursor:default; z-index:4">
<table style="color:#000000;font-size:50px;" width="100%" height="100%"><tr><td align="center" valign="middle">unKnown</td></tr></table></div>