Hola,
Trato de mover una ventana con un codigo que estoy haciendo:
Código HTML:
<style>
#ventana_t {
position:absolute;
width:216px;
left:274px;
top:72px;
visibility:;
height: 319px;
}
.barra_ventana {
background-color: #DDDDDD;
border: 1px solid #999999;
}
#prop_it {
background-color: #F8F8F8;
border: 1px solid #666666;
}
</style>
<script language="javascript1.2">
var mover_t=false;
function moder_vent(){
if (mover_t){
x_m=x_t+(event.clientX-t_x);
y_m=y_t=+(event.clientY-t_y);
if(x_m>=0 && y_m>=0){
document.all.ventana_t.style.pixelLeft=x_m;
document.all.ventana_t.style.pixelTop=y_m;
}
return false;
}
}
function mover_play(){
t_x=event.clientX;
t_y=event.clientY;
x_t=ventana_t.style.pixelLeft;
y_t=ventana_t.style.pixelTop;
mover_t=true;
document.onmousemove=moder_vent;
}
if (document.all){
document.onmouseup=new Function("mover_t=false");
}
function cerrar_VET(){
if (document.all)
ventana_t.style.visibility="hidden";
else if (document.layers)
document.ventana_t.visibility="hide";
}
</script>
<div id="ventana_t">
<table border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr onMousedown="mover_play()" style="cursor:move">
<td height="11"><img src="Images/Ventana/derecha_ventana.gif" alt="-" width="10" height="30" /></td>
<td background="Images/Ventana/barra_ventana.gif"><span style="color: #FFFFFF; font-weight: bold; font-family:Arial, Helvetica, sans-serif;">Propiedades</span></td>
<td background="Images/Ventana/barra_ventana.gif"><a href="#" onClick="cerrar_VET();"><img src="Images/Ventana/cerrar_ventana.gif" alt="Clic para cerrar" width="100" height="25" border="0" /></a></td>
<td ><img src="Images/Ventana/izquierda_ventana.gif" alt="-" width="10" height="30" /></td>
</tr>
<tr class="barra_ventana">
<td colspan="4" valign="top" id="prop_it"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></td>
</tr>
</table></div>
Lo que hace es al arrastrar me lo lleva tope (x 0 | y 0) y despues me lo mueve pero mal.
¿Porque no anda bien?
Gracias
Salu2