Foros del Web » Programando para Internet » Javascript »

Armado de columnas dinàmico

Estas en el tema de Armado de columnas dinàmico en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/11/2012, 22:31
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 14 años, 3 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. }
__________________
_

Etiquetas: armado, columnas, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:47.