11054 Suscriptores al Feed del Blog
93 Suscriptores al Feed de Anotaciones Breves
53 usuarios online
diseño web valencia en 500 iconos gratuitos para tus aplicaciones web
Obtener el tamaño de la ventana o viewport con Javascript
1 COMENTARIO - Publicado hace 41 meses - Clasificado en: JAVASCRIPT, VENTANAS, SNIPPETSLa información sobre el tamaño de la ventana que tenemos disponible en el navegador, muchas veces nos puede resultar importantes a la hora de colocar los diversos elementos de nuestra interfaz en el espacio disponible. La siguiente función nos devuelve el tamaño disponible en el navegador al redimensionar la ventana.
Ver el ejemplo en acción » » Javascript:
<script language="javascript">
function TamVentana() {
var Tamanyo = [0, 0];
if (typeof window.innerWidth != 'undefined')
{
Tamanyo = [
window.innerWidth,
window.innerHeight
];
}
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
Tamanyo = [
document.documentElement.clientWidth,
document.documentElement.clientHeight
];
}
else {
Tamanyo = [
document.getElementsByTagName('body')[0].clientWidth,
document.getElementsByTagName('body')[0].clientHeight
];
}
return Tamanyo;
}
window.onresize = function() {
var Tam = TamVentana();
alert('La ventana mide: [' + Tam[0] + ', ' + Tam[1] + ']');
};
</script>
También te puede interesar:
Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.
|
|
|
|
|
COMENTARIOS
 |
Publicado hace 13 meses Paco Zarabozo - http://www.godstech.com Interesante. Pero aquà está una versión muy reducida de tu spaghetti para la función TamVentana(): function TamVentana() { return (window.innerWidth === undefined) ? (document.documentElement === undefined) ? [document.getElementsByTagName('body')[0].clientWidth, document.getElementsByTagName('body')[0].clientHeight] : [document.documentElement.clientWidth, document.documentElement.clientHeight] : [window.innerWidth, window.innerHeight]; } Saludos ;-) Paco |
