Buenas, tengo 2 archivos, el primero es el index que llama a un javascript. El 2º archivo es el javascript, permite arrastrar objetos con el ratón. Yo lo que necesito es poder coger la posición final, recogerla en una variable y poder manejarla en el index. No se si soy suficientemente claro, os dejo aqui el codigo.
Index:
<?
$dbuser = '***';
$dbpass = '***';
$dbhost = '***';
$dbname = '***';
$dblink = mysql_connect($dbhost, $dbuser, $dbpass);
if(!$dblink) {echo "ERROR: Could not make connection to the database."; exit;}
mysql_select_db($dbname, $dblink);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<!--[if IE]><link href="css/amara_ie.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
<style>
#container{
margin-top: 0px;
width: 100%;
height: 700px;
position: absolute;
}
#fondo{
position: absolute;
margin-left: 300px;
margin-top: 0px;
}
</style>
<script type="text/javascript" src="js/movimiento/mover.js"></script>
<script type="text/javascript" src="js/numeros/img.js"></script>
<script type="text/javascript" src="js/formulario/amarillo.js"></script>
<script type="text/javascript" src="js/formulario/rojo.js"></script>
<script type="text/javascript" src="js/formulario/todo.js"></script>
<script>
function prueba()
{
$a = document.removeEventListener("mouseup", finMovimiento, true);
alert($a);
}
</script>
</head>
<body>
<?php
echo "$a";
?>
<div id="fondo"><img src="img/0.jpg" usemap="#Map" border="0" /></div>
<map name="Map">
<area shape="rect" coords="253,309,279,335" onClick="b1();" />
</map>
<?php
$sql = mysql_query('SELECT top FROM numeros WHERE id = 1');
if($row = mysql_fetch_array($sql)){
?>
<div id="n1" style="top: <?php echo ''.$row['top'].''; ?> ; left: 200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/1.gif" />
</div>
<?php } ?>
<div id="n2" style="top:148px; left:200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/2.gif" />
</div>
<div id="n3" style="top:148px; left:200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/3.gif" />
</div>
<div id="n4" style="top:148px; left:200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/4.gif" />
</div>
<div id="n6" style="top:148px; left:200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/6.gif" />
</div>
<div id="n7" style="top:148px; left:200px; position:absolute; color:#000000;"onmousedown="comienzoMovimiento(eve nt, this.id);" onmouseover="this.style.cursor='move'">
<img src="img/7.gif" />
</div>
</div>
</body>
</html>
y aquí el javascript:
function carga()
{
posicion=0;
// IE
if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
// Otros
else navegador=1;
}
function evitaEventos(event)
{
// Funcion que evita que se ejecuten eventos adicionales
if(navegador==0)
{
window.event.cancelBubble=true;
window.event.returnValue=false;
}
if(navegador==1) event.preventDefault();
}
function comienzoMovimiento(event, id)
{
elMovimiento=document.getElementById(id);
// Obtengo la posicion del cursor
if(navegador==0)
{
cursorComienzoX=window.event.clientX+document.docu mentElement.scrollLeft+document.body.scrollLeft;
cursorComienzoY=window.event.clientY+document.docu mentElement.scrollTop+document.body.scrollTop;
document.attachEvent("onmousemove", enMovimiento);
document.attachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
cursorComienzoX=event.clientX+window.scrollX;
cursorComienzoY=event.clientY+window.scrollY;
document.addEventListener("mousemove", enMovimiento, true);
document.addEventListener("mouseup", finMovimiento, true);
}
elComienzoX=parseInt(elMovimiento.style.left);
elComienzoY=parseInt(elMovimiento.style.top);
// Actualizo el posicion del elemento
elMovimiento.style.zIndex=++posicion;
evitaEventos(event);
}
function enMovimiento(event)
{
var xActual, yActual;
if(navegador==0)
{
xActual=window.event.clientX+document.documentElem ent.scrollLeft+document.body.scrollLeft;
yActual=window.event.clientY+document.documentElem ent.scrollTop+document.body.scrollTop;
}
if(navegador==1)
{
xActual=event.clientX+window.scrollX;
yActual=event.clientY+window.scrollY;
}
// Aqui recojo la posicion!!!!
<b>elMovimiento.style.left=(elComienzoX+xActual-cursorComienzoX)+"px";</b>
<b>$a = elMovimiento.style.top=(elComienzoY+yActual-cursorComienzoY)+"px";</b>
evitaEventos(event);
}
function finMovimiento(event)
{
if(navegador==0)
{
document.detachEvent("onmousemove", enMovimiento);
document.detachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
document.removeEventListener("mousemove", enMovimiento, true);
document.removeEventListener("mouseup", finMovimiento, true);
}
}
window.onload=carga;
Espero que me podais ayudar, gracias!
