Tema: Postales
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 26/11/2002, 02:51
Avatar de epa2
epa2
 
Fecha de Ingreso: abril-2002
Ubicación: Málaga
Mensajes: 1.475
Antigüedad: 20 años, 1 mes
Puntos: 9
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>
__________________

***Aprendiz de todo y maestro de nada***