Hola de nuevo,
Quisiera colocar una capa justo en la esquina inferior derecha del documento, pero cuando lo hago leyendo las propiedades offsetWidth y offsetHeight del documento siempre falta un trozo para que la capa esté en la esquina. Es decir: document.body.offsetWidth es menor que la anchura real del documento y document.body.offsetHeight es menor que la altura del documento, tanto en IE como en Mozilla.
Por si interesa pongo una porción del código que utilizo:
Código PHP:
// Falso popup
popup= document.createElement("div");
document.body.appendChild(popup);
popup.setAttribute("id", "popup");
// Encabezado
titulo= document.createElement("div");
popup.appendChild(titulo);
titulo.setAttribute("id", "movil");
titulo.appendChild(document.createTextNode(""));
// Div en el encabezado a la derecha
derecha= document.createElement("div");
titulo.appendChild(derecha);
derecha.setAttribute("id", "derecha");
// Cruz para cerrar
cierre= document.createElement("span");
derecha.appendChild(cierre);
cierre.setAttribute("id", "cruz");
cierre.setAttribute("title", "Cerrar");
cierre.appendChild(document.createTextNode("X"));
cierre.onclick= function(){popup.style.display='none';}
// Imagen
im1= document.createElement("img");
// im1.setAttribute("src", "la que sea");
popup.appendChild(im1);
titulo.onmousedown= function()
{
diferenciax= ratonx - popup.offsetLeft; // Distancia del ratón al lado izquierdo del popup
diferenciay= ratony - popup.offsetTop; // Distancia del ratón al lado superior del popup
mover= 1;
return false
}
document.onmouseup= function(){mover= 0}
añadirEvento(document, "mousemove", function(e)
{
ratonx= caract1?e.pageX:event.clientX+scrollx; // Posicion x del raton
ratony= caract1?e.pageY:event.clientY+scrolly; // Posicion y del raton
if (mover) // Si el raton se mantiene pulsado en el encabezado del popup
{
with (popup.style)
{
left= ratonx - diferenciax + "px"; // Posicion x del popup
if (ratonx-diferenciax<0){left= "0px";}
if (ratonx-diferenciax>document.body.offsetWidth-popup.offsetWidth){left= (document.body.offsetWidth-popup.offsetWidth)+"px";}
top= ratony - diferenciay + "px"; // Posicion y del popup
if (ratony-diferenciay<0){top= "0px";}
if (ratony-diferenciay>document.body.offsetHeight-popup.offsetHeight){top= (document.body.offsetHeight-popup.offsetHeight)+"px";}
}
return false;
}
}
)
Se trata de un "falso popup" que puedes mover por la ventana, pero no quiero que se salga del documento. Pero cuando lo desplazo hacia la derecha o hacia abajo se para bastante antes de los límites de la página. Querría saber si hay algún modo para que se pare justo en el límite.
Gracias..