Bien, hoy les traigo un truquito bastante sencillo pero muy buscado, que es sencillamente, sacar el ancho/alto de la ventana del cliente para tener una referencia del tamaño de nuestros elementos: como las tablas, objetos, imagenes...
aqui el script
<html>
<head>
<script type="text/javascript">
function alertSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//No-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
window.alert( 'Width = ' + myWidth );
window.alert( 'Height = ' + myHeight );
document.getElementById("resultado").innerHTML="El ancho de la pagina es de "+ myWidth +"px y el alto es de "+ myHeight +"px";
}
</script>
</head>
<body>
<a href="javascript:alertSize();" > mostrar Height / Width </a>
<p id="resultado"></p>
</body>
</html>
Esto podes usarlo para acomodar los anchos de tus elementos de paginas..
ver online : http://danijazzero.99h.com.ar/jsanchoalto/index.html
probalo ! en mi blog podes descargar el codigo de ejemplo....
mi blog : http://probacodigos.blogspot.com.ar/
Si queres màs, seguime en poringa y vas a ver más
