onresize

dukeblass · #1 (**permalink**) 26/05/2011, 16:53

hola, tengo un código que me muestra un div con su contenido y mas.... bueno
el código aparte coloca el div en el centro del navegador, y queda ejecutas el código y el div aparece en el centro de la pantalla pero cuando se redimensiona se queda allí y no se mueve(obviamente), y yo quiera eso que al redimensiona se mueva (al estilo las alertas en Firefox 4 u opera 11),

probe con el window.onresize pero esto, se ejecuta cada vez que se redimensiona el navegador..

como haría algo así, como dije enantes al estilo las alertas en FF4 que tu redimensionas el navegador y la alerta se mueve con el

ojo que el evento es llamado ejemplo por un click o algo asi

parece difícil

quimfv · #2 (**permalink**) 27/05/2011, 01:07

Cita:

parece difícil

de entender...

dukeblass · #3 (**permalink**) 27/05/2011, 05:17

Cita:

Iniciado por quimfv

de entender...

tambien...XD

InKarC · #4 (**permalink**) 27/05/2011, 09:48

Cita:

probe con el window.onresize pero esto, se ejecuta cada vez que se redimensiona el navegador..

No entendi por que esto le es un problema...

Si lo que quiere es que se ejecute cuando el usuario deje estático el tamaño del navegador puede hacer un setTimeout y detectar cuando lo dejo quieto por una cantidad prudencial de tiempo.

Código Javascript:

Ver originalvar tiempo;
 
window.onresize = function(){
    if(tiempo){clearTimeout(tiempo)}
    tiempo = setTimeout(function(){
        // codigo de "Centrar"
    },500);         
}

Por cierto, hay mejores formas de centrar el contenido usando solo CSS, cheque este articulo