jueves, 31 de mayo de 2012

Resolución de pantalla con jquery



Bienvenid@s hoy veremos el modo con el cual podremos obtener las medidas ancho y alto del navegador del cliente mediante Jquery, el valor es devuelto en píxeles,  para ello accederemos a la propiedades width y height del objeto window(ventana).



Código del ejemplo ...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='http://malsup.github.com/jquery.corner.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(":button#boton").click(function() {
$("#caja").html("<b>Tu Resolucion de Pantalla es:</b> <br>Ancho... " + $(window).width() + "px || Alto... " + $(window).height() + "px");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="RESOLUCIÓN DE PANTALLA">
<div id="caja"></div>
</body>
</html>