6 classes

example.html

@@ -12,11 +12,11 @@
 			padding-bottom: 40px;
 		}
 	</style>
-	<link href="js/prettify.css" rel="stylesheet" media="screen">
+	<link href="css/prettify.css" rel="stylesheet" media="screen">
 	<link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
 	<script type="text/javascript" src="js/jquery.min.js"></script>
 	<script src="js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="src/jquery.venny.min.js"></script>
+	<script type="text/javascript" src="src/jquery.venny.js"></script>
 	<script language="Javascript">
 		$(document).ready(function () {			
 		
@@ -61,6 +61,12 @@
 		                data: getArrayFromArea("area5")
 		            });
 		           }
+		           if ($("#area6").val() != "") { 
+		            seriesTable.push({   
+		                name: $("#name6").val(),
+		                data: getArrayFromArea("area6")
+		            });
+		           }
 		
 				$("#venny-container").venny({
 					series: seriesTable,
@@ -219,7 +225,7 @@
 		<!-- Main hero unit for a primary marketing message or call to action -->
 		<div class="hero-unit">
 			<h1>Hello world!</h1>
-			<p class="bodytext"> Paste up to <strong>five</strong> lists using one row per element, then click 
+			<p class="bodytext"> Paste up to <strong>six</strong> lists using one row per element, then click 
 			the numbers to see the results. <a id="setexample" href="javascript:void(0)"> example </a></p>
 		</div>
 		<div class="row-fluid">
@@ -232,7 +238,7 @@
 						<div class="row-fluid">
 							<div class="span12">
 								<p> Click on a number to show the corresponding elements: </p>
-								<textarea id="names" style="width: 100%;" wrap="off" rows="8"></textarea>
+								<textarea id="names" style="width: 100%;" wrap="off" rows="23"></textarea>
 							</div>
 						</div>
 					</div>
@@ -292,6 +298,17 @@
 								</div>
 							</div>
 						</div>
+						<div class="row-fluid">
+			 				<div class="span12">
+			 					<div class="control-group warning">
+									<input class="span6" id="name6" type="text" style="font-weight: bold;" value="List 6" maxlength="11"/>
+									<div class="controls controls-row">
+										<textarea class="span10" id="area6" wrap="off" rows="4"></textarea>
+										<a class="btn btn-link" id="clear_6" href="javascript:void(0)">clear</a>
+									</div>
+								</div>
+							</div>
+						</div>
 					</div>
 				</div> 
 			</div>