Igualar alto de columnas usando jQuery

Submitted by admin on Fri, 08/26/2011 - 11:32

A veces uno se encuentra con este viejo tipo de problemas y cuando no lo podemos vencer con css pues nos viene bien jQuery :)

Para ello usé el script que viene de

http://benalman.com/projects/jquery-resize-plugin/

y lo combiné con

http://drupal.org/node/934654#comment-3566124

para la parte de la configuración del Behaviours del jQuery de Drupal

//set heights columns by default
$(window).load(function() {
  //var $height = $('#main').innerHeight();
  var left = $('#sidebar-left').height();
  var main = $('#main').height();
  if(left > main) {
    height = left;
  }
  else {
    height = main;
    }
  $('#sidebar-left').height(height);
  //set min-height, not height :)
  $('#main-content').css({'min-height' : height});
});

//set heights columns when #main element is resized
Drupal.behaviors.EqualHeightColumns = function (context) {
  $("#main").resize(function(e){
  // do something when #main element resizes
     var height = $(this).height();
    $('#sidebar-left').height(height);
  }); 
}

También pueden revisar

http://stackoverflow.com/questions/5052673/jquery-min-max-property-from-...

Etiquetas: