Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/08/2008, 18:09
Avatar de pato12
pato12
 
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 17 años, 1 mes
Puntos: 101
Mover ventana

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
__________________
Half Music - www.halfmusic.com