summaryrefslogtreecommitdiff
path: root/regexvis.html
diff options
context:
space:
mode:
authorPatrick Simianer <p@simianer.de>2010-05-24 02:01:22 +0200
committerPatrick Simianer <p@simianer.de>2010-05-24 02:01:22 +0200
commitf8f3a94e6d9572bef0849b15752b81d0402bfc90 (patch)
tree61864126a42b271bccf9f6289b0f1ea49115e57a /regexvis.html
parent3d9e4d9737fdb534b07638ff5d47b0e74922fe7b (diff)
finish!
Diffstat (limited to 'regexvis.html')
-rw-r--r--regexvis.html43
1 files changed, 27 insertions, 16 deletions
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>