OnResize sólo funciona en IE

ylodis · #1 (**permalink**) 27/07/2010, 08:21

Hola,

Necesito que tanto al entrar la primera vez como al pulsar PF11 (agrandar o reducir la pantalla del explorador) entre en una función comprobarAlto para que calcule el area disponible para scroll:

La función acaba con la instrucción :

Código:

window.onresize=function() { location.reload(); };

que entiendo que debería recargar la página al pulsar PF11, y lo cierto es que funciona, pero sólo en IE; Firefox, Chrome, etc no hacen ni caso, por lo que no me recalcula el area de scroll.

En el BODY hago :

Código:

  <body onload="comprobarAlto()" >

y no puedo hacer

Código:

  <body onload="comprobarAlto()";  onresize="comprobarAlto()">

porque me da error al validar el HTML .

¿ Como puedo hacer que al pulsar PF11 vuelva a entrar en la función de calculo de area de scroll y por tanto redimensione bien la página ?

exxqizofrenicoo · #2 (**permalink**) 27/07/2010, 08:40

con jquery esas cosas se te solucionan

yo haria algo asi

$(document).ready(function(){
function comprobarAlto(){
}

$(window).load(function(){
comprobarAlto();
}
$(window).resize(function(){
comprobarAlto();
}
}

en tu codigo veo un ; que esta mal --> onload="comprobarAlto()"

luego para usar jquery tenes que bajarte el archivo de su pagina oficial y tan solo incluirlo en tus paginas para poder utilizarlo te va a ser de gran ayuda y hay mucha info en su pagina tambien.
Saludos

zerokilled · #3 (**permalink**) 27/07/2010, 09:29

Cita:

y no puedo hacer

Código:

  <body onload="comprobarAlto()";  onresize="comprobarAlto()">

ciertamente te da error de validacion, pero puedes registrar la funcion desde javascript en el objeto window.

Código:

self.onresize = tu_funcion;

para referencia futura, aca puedes ver una lista de eventos y su compatibilidad con los navegadores. http://www.quirksmode.org/dom/events/index.html

ylodis · #4 (**permalink**) 27/07/2010, 09:45

Hola,

Gracias por la ayuda.

Zerokilled no acabo de entender lo que suguieres, ¿ Quieres decir que haga :

Código:

function comprobarAlto() { 
                        instruccion 1
                        instruccion 2
                        ............. 
                        instruccion N

self.onresize = comprobarAlto() ;

}

?

La función comprobaAlto es donde entra desde la tag BODY y no veo muy claro eso de que la función se llame así misma, aun cuando el onresize quede en "Stand-By" hasta que el visitante pulse PF11. Aclara como lo harías.

if (window.innerHeight){
procMoz();
}else{
procIE();
}

window.onresize=function() { location.reload(); };
}

Tecna · #5 (**permalink**) 27/07/2010, 16:33

Buenas,

no necesitas ni crear nuevas reglas ni recargar la página, simplemente:

Código Javascript:

Ver originalfunction init()
{
    ajustar();
    window.onresize = ajustar; 
}
 
window.onload = init;
 
function ajustar()
{
    if (window.innerHeight)
    { 
        document.getElementsByTagName('body')[0].style.height = window.innerHeight + 'px';
        document.getElementsByTagName('body')[0].style.width = window.innerWidth + 'px';
    }
    else
    {
        // los casos para explorer (que hay varios)
    }
 
    alert('alto: ' + document.getElementsByTagName('body')[0].style.height);
    alert('ancho: ' + document.getElementsByTagName('body')[0].style.width);

ylodis · #6 (**permalink**) 28/07/2010, 04:11

Gracias por la ayuda, ahora funciona en todos los casos.

Al final lo he hecho creando nuevas neglas, por que no quiero cambiar el tamaño del BODY, sino de una div ya existente.