Saltar al contenido

Columnas de igual altura usando Javascript con jQuery

En el desarrollo de la Web de mi hermano Tomás me he visto obligado a establecer la misma altura a dos columnas. Como no fuí capaz de hacerlo mediante CSS me decidí por usar el método que ya os dejé hace tiempo, en el artículo Columnas de igual altura usando Javascript que si bien no es un lujo de programación resuelve algún que otro problema.

Como recientemente he estado enredado algo con jQuery me dije, ¿seré capaz de rehacer el código javascript usado en aquel entonces para que haga uso de jQuery? Pués dicho y hecho, aquí tenéis el nuevo código.

  var boxes = {  
    init : function(){},  
    alturaJQuery : function (){  
      al = new Array(); max = 0;  
      try  
      {  
        jQuery.each(arguments, function(c, v){  
          al[c] = $('#' + v).height();  
        })  
        max = boxes.mayorJQuery(al);  
        if(max > 0) {  
          for(i=0; i<arguments.length;i++){
            $("#" + arguments[i]).css('height', max + 'px');
          }
        };
      }
      catch (exc)
      { 
        alert('se ha producido un error en los ajustes'); 
        throw exc;
      }
    }
    , mayorJQuery : function(datos)
    {
      var salida =0;
      jQuery.each(datos, function(c, v){ v = parseInt(v); if(v> salida) salida = v; } )  
      return salida;  
    }
  }
$(document).ready(function(){ boxes.alturaJQuery('caja_uno', 'caja_dos', 'caja_tres'); } );
Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Jorge Hoya.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a OVH que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Esta web utiliza cookies, puedes lees sobre ellas en la política de cookies    Ver política de cookies
Privacidad