Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/11/2012, 22:31
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 14 aņos, 5 meses
Puntos: 21
Armado de columnas dināmico

Buenas,

Necesito armar divs separando o fragmentando la cantidad de palabras de acuerdo a la altura del contenedor padre. A medida que el contenedor crece se cargan las palabras, una vez que el contenedor hijo tiene la misma altura que el padre se genera un nuevo div.

Esto es lo que tengo, aunque me genera muchos div repetidos:

Código Javascript:
Ver original
  1. var columns = function(words) {
  2.             var content = trim(i);
  3.             var words = content.split(" ");
  4.             var len = words.length;
  5.            
  6.             var index = 0;
  7.             var info = "";
  8.             var html = "";
  9.             var target = $('#target');
  10.             var targetHeight = target.height();
  11.             var columns = $('.column');
  12.             //var content = columns.children('.box-content');
  13.             var contentHeight = 0;
  14.             var output = $('.column').children('.box-content');
  15.            
  16.             do {
  17.                
  18.                 html += '<div class="column">';
  19.                 html += '<div class="box-content">';
  20.                 html += '</div>';
  21.                 html += '</div>';
  22.                 target.html(html);
  23.                
  24.                 info += words[index] + ' ';
  25.                 $('.column').children('.box-content').html(info);
  26.                
  27.                 var contentHeight = $('.column').children('.box-content').height();
  28.                
  29.                 index++;
  30.                
  31.             } while(contentHeight < targetHeight);
  32. }
__________________
_