2:11 0 0
Adaptar un DIV calculando el tamaño de la ventana

Adaptar un DIV calculando el tamaño de la ventana

  DrUalcman |  septiembre 52016

Nunca te ha pasado que, incluso con CSS, te es dificil hacer que un DIV tenga el tamaño que necesitas? Pues a mi si, ya que algunas veces por necesidades de la pagina, se hace que un DIV sea flotante siemrpe visible y entonces el alto (height) maximo de oro div siempre queda por debajo de este.

Con este pequeño truco podemos hacer el calculo del alto (height), o ancho (width) de un DIV en funcion de los tamaños de la ventana del explorador y tener en cuenta el alto o ancho que nos interese reservar.


        $(document).ready(function () {
$('#external').height($(window).height() - 130);
});
$(window).resize(function () {
$('#<%= external.ClientID%>').height($(window).height()-130);
});

En este ejemplo solo he utilizado la propiedad height, pero como podreis imaginar se puede utilizar tambien la propiedad width.


Otro truco de relago

Por si no os habeis dado cuenta para llamar al mismo elemento de la pagina he utilizado dos metodos. llamar directamente al DIV por su ID y en el otro he utilizado <%= external.Cliente %> que es la forma que utilizaremos si por ejemplo en vez de un DIV directo en HTML estamos utilizando un ASP:PANEL u otro elemento ASP.

#trucos #jquery

0 Comentarios

 
 
 

Archivo