From f8f3a94e6d9572bef0849b15752b81d0402bfc90 Mon Sep 17 00:00:00 2001
From: Patrick Simianer <p@simianer.de>
Date: Mon, 24 May 2010 02:01:22 +0200
Subject: finish!

---
 regexvis.html | 43 +++++++++++++++++++++++++++----------------
 1 file changed, 27 insertions(+), 16 deletions(-)

(limited to 'regexvis.html')

diff --git a/regexvis.html b/regexvis.html
index a99b991..2b222d2 100644
--- a/regexvis.html
+++ b/regexvis.html
@@ -6,7 +6,7 @@
     <meta http-equiv='Content-Language' content='en_EN' />
     <meta name='author' content='Patrick Simianer' />       
     
-    <title>Visualizing Regular Expressions (Patrick Simianer/'Endliche Automaten' SS2010)</title>
+    <title>Visualizing Regular Expressions (Patrick Simianer, 'Endliche Automaten', SS2010)</title>
     
     <link rel='stylesheet' type='text/css' href='stylesheets/styles.css' />
     
@@ -44,40 +44,51 @@
 		
 		<table>
 			<tr>
-				<td style="text-align:right"><strong style="color:#303030">Alphabet:</strong></td>
-				<td><strong style="color:#303030">
+				<td class="r"><strong class="grayc">Alphabet:</strong></td>
+				<td><strong class="grayc">
 					<script type="text/javascript" charset="utf-8">
 						document.write(ALPHABET.substr(0,ALPHABET.length-1));
-						</script>
-					</strong>
+					</script></strong>
 				</td>	
 			</tr>
 			<tr>
-				<td style='text-align:right'><strong>Regular Expression:</strong></td>
-				<td><input type="text" name="regex" id="regex" value=""
-						onchange='checkLength(this, "#parseButton")' onkeypress="return getKey(event, ALPHABETS)"
-						onmouseout='checkLength(this, "#parseButton")' autocomplete="off" />
+				<td class="r"><strong>Regular Expression:</strong></td>
+				<td><input type="text" name="regex" id="regex" value="" autocomplete="off"
+						onchange='checkLength(this, "#parseButton");'
+						onkeypress="return getKey(event, ALPHABETS);"
+						onmouseout='checkLength(this, "#parseButton");' />
 						<input type="button" name="parseButton" id="parseButton"
-						value="Parse" disabled='disabled' autocomplete="off" onclick="uiParse()" />
+						value="Parse" disabled='disabled' autocomplete="off" onclick="uiParse();" />
 				</td>
 			</tr>
 			<tr>
-				<td style='text-align:right'><strong>Word:</strong></td>
-				<td><input type="text" name="word" id="word" value="" disabled='disabled'
-						onchange='checkLength(this, "#checkButton")' onkeypress="return getKey(event, ALPHABET)"
-						onmouseout='checkLength(this, "#checkButton")' autocomplete="off" />
+				<td class="r"><strong>Word:</strong></td>
+				<td><input type="text" name="word" id="word" value="" disabled="disabled" autocomplete="off"
+						onchange='checkLength(this, "#checkButton");'
+						onkeypress="return graphMoveByInput(event, ALPHABET);"
+						onmouseout='checkLength(this, "#checkButton");' />
 					<input type="button" name="checkButton" id="checkButton"
-						value="Check" disabled='disabled' autocomplete="off" onclick="uiSimulate()" />
+						value="Check" disabled='disabled' autocomplete="off" onclick="uiSimulate();" />
+					</td>
+				</tr>
+				<tr>
+					<td class="r"><strong>Make a Graph:</strong></td>
+					<td>
+						<input type="checkbox" name="graphit" value="" id="graphit" autocomplete="off"
+							checked="checked" onchange="graphit = this.checked;" />
 					</td>
 				</tr>
 		</table>
 			
 		<p>
-			<a class='message gray' href='#' onclick="window.location.reload()"/>Reset</a>
+			<a class='message gray' href='#' onclick="window.location.reload();"/>Reload</a>
 			<span id="parseMessage" class="message" style="display:none"></span>
 			<span id="checkMessage" class="message" style="display:none"></span>
 		</p>
 		
+
+
+
 		<div id="holder"></div>
 		
 	</div>
-- 
cgit v1.2.3