Tema: Posicionable
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/06/2010, 18:06
aoiTo
 
Fecha de Ingreso: junio-2010
Mensajes: 15
Antigüedad: 13 años, 10 meses
Puntos: 0
Mensaje Posicionable

Vereis estoy realizando una pagina web para la facultad y tengo algun que otro problemita con JavaScript.

Problema 1: Posicionable.
Esta es una funcion que se debe ejecutar cuando se redimensiona la pagina. La cuestion es que con esa funcion debemos obtener un valor (left de CSS) idoneo de donde debemos colocar un div, me explico, Cuando posicionamos un div con CSS en el centro, esto funciona sin problemas, pero cuando aparece la barra lateral de desplazamiento o scroll el centro ya no es el mismo (no coincide con los frames superiores y me obligan a usar frames). El codigo que he utilizado es el siguiente:
Código:
function posicionable() {
	// Obtenemos cuantos divs hay en la pagina.
	var NumDivs = document.getElementsByTagName('div').length;
	// Obtenemos los divs que hay en la pagina. Obtenemos un NodeList con todos ellos.
	var ListaDivs = document.getElementsByTagName('div');

	// Recorremos el NodeList, comprobando si pertenecen a la clase posicionable.
	for(var cont=0; cont < NumDivs; cont++){
		if(ListaDivs.item(cont).getAttribute('class') == 'posicionable'){
			// Si pertenecen a la clase posicionable 
			var maximo=(Math.max(document.documentElement.scrollWidth,document.documentElement.offsetWidth, document.body.offsetWidth));
			ListaDivs.item(cont).style.left=((maximo-770)/2)+"px";			
		}
	}
}
El problema es el de siempre, IE vs Firefox. ¿Como puedo obtener el ancho que ocupa el navegador con scroll y sin scroll y que funcione en todos los navegadores?

Problema 2: Posicion del puntero.
¿Como puedo obtener la posicion que ocupa el puntero (x,y) y que funcione en todos los navegadores?

Muchisimas gracias de antemano !