ignore width, height, columns input when setting manual breaks

Author: adamwulf

samples/sample14.html

@@ -27,7 +27,10 @@
 		$(function(){
 			$('#hidden-wrapper a').click(function(){ alert("boo!"); });
 			$('#hidden-wrapper').columnize({
-				manualbreaks:true, 
+				width:1,
+				height:1,
+				columns:1000,
+				manualBreaks:true, 
 				target: "#target"
 
 			});

src/jquery.columnizer.js

@@ -35,7 +35,7 @@
 		// column widths, but will take slightly longer
 		accuracy : false,
 		// don't automatically layout columns, only use manual columnbreak
-		manualbreaks : false
+		manualBreaks : false
 	};
 	var options = $.extend(defaults, options);
 
@@ -52,7 +52,7 @@
 		var $cache = $('<div></div>'); // this is where we'll put the real content
 		var lastWidth = 0;
 		var columnizing = false;
-		var manualbreaks = options.manualbreaks;
+		var manualBreaks = options.manualBreaks;
 
 		var adjustment = 0;
 
@@ -120,7 +120,7 @@
 			//
 			// add as many nodes to the column as we can,
 			// but stop once our height is too tall
-			while((manualbreaks || $parentColumn.height() < targetHeight) &&
+			while((manualBreaks || $parentColumn.height() < targetHeight) &&
 				  $pullOutHere[0].childNodes.length){
 				var node = $pullOutHere[0].childNodes[0]
 				//
@@ -227,7 +227,7 @@
 					// the column and exit
 					$putInHere.append($clone);
 					$cloneMe.remove();
-				}else if (manualbreaks){
+				}else if (manualBreaks){
 					// keep adding until we hit a manual break
 					$putInHere.append($clone);
 					$cloneMe.remove();
@@ -358,9 +358,13 @@
 			lastWidth = $inBox.width();
 
 			var numCols = Math.round($inBox.width() / options.width);
+			var optionWidth = options.width;
+			var optionHeight = options.height;
 			if(options.columns) numCols = options.columns;
-			if(manualbreaks){
+			if(manualBreaks){
 				numCols = $cache.find(".columnbreak").length + 1;
+				optionWidth = false;
+				
 			}
 //			if ($inBox.data("columnized") && numCols == $inBox.children().length) {
 //				return;
@@ -386,9 +390,9 @@
 			if(options.overflow){
 				maxLoops = 1;
 				targetHeight = options.overflow.height;
-			}else if(options.height && options.width){
+			}else if(optionHeight && optionWidth){
 				maxLoops = 1;
-				targetHeight = options.height;
+				targetHeight = optionHeight;
 				scrollHorizontally = true;
 			}
 
@@ -538,7 +542,7 @@
 					// it's scrolling horizontally, fix the width/classes of the columns
 					$inBox.children().each(function(i){
 						$col = $inBox.children().eq(i);
-						$col.width(options.width + "px");
+						$col.width(optionWidth + "px");
 						if(i==0){
 							$col.addClass("first");
 						}else if(i==$inBox.children().length-1){
@@ -548,7 +552,7 @@
 							$col.removeClass("last");
 						}
 					});
-					$inBox.width($inBox.children().length * options.width + "px");
+					$inBox.width($inBox.children().length * optionWidth + "px");
 				}
 				$inBox.append($("<br style='clear:both;'>"));
 			}