Lexiconga/index.html

76 lines
3.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Dictionary Builder</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="js/dictionaryBuilder.js"></script>
</head>
<body>
<form id="wordEntryForm">
<label><span>Word</span>
<input type="text" id="word" />
</label>
<label><span>Equivalent Word</span>
<input type="text" id="simpleDefinition" />
</label>
<label><span>Explanation</span>
<textarea id="longDefinition"></textarea>
</label>
<label><span>Part of Speech</span>
<select id="partOfSpeech">
<option value="noun">Noun</option>
<option value="adjective">Adjective</option>
<option value="verb">Verb</option>
<option value="adverb">Adverb</option>
<option value="preposition">Preposition</option>
<option value="pronoun">Pronoun</option>
<option value="conjunction">Conjunction</option>
</select>
</label>
<input type="hidden" id="editIndex" />
<span id="errorMessage"></span>
<div id="newWordButtonArea" style="display: block;">
<button type="button" onclick="AddWord(); return false;">Add Word</button>
</div>
<div id="editWordButtonArea" style="display: none;">
<button type="button" onclick="AddWord(); return false;">Edit Word</button> <button type="button" onclick="ClearForm(); return false;">Cancel</button>
</div>
<div id="updateConflict" style="display: none;"></div>
</form>
<div id="dictionaryContainer">
<span id="settingsButton" onclick="ShowSettings()">Settings</span>
<h2 id="dictionaryName"></h2>
<div id="theDictionary"></div>
</div>
<div id="settingsScreen" style="display:none;">
<span id="settingsScreenCloseButton" onclick="HideSettings()">Close</span>
<h2>Dictionary Settings</h2>
<form>
<label>
<span>Dictionary name</span>
<input type="text" id="dictionaryNameEdit" />
</label>
<label>
<span>Dictionary is complete</span>
<input type="checkbox" id="dictionaryIsComplete" />
</label>
<label><button type="button" onclick="ExportDictionary()" style="cursor:pointer;">Export Current Dictionary</button></label>
<label>
<span>Import Dictionary</span>
<input type="file" id="importFile" />
<button type="button" onclick="ImportDictionary(); return false;">Import</button>
</label>
<label><button type="button" onclick="EmptyWholeDictionary()" style="cursor:pointer;">Empty Current Dictionary</button></label>
<br>
<span id="settingsErrorMessage"></span>
<button type="button" onclick="SaveSettings(); return false;">Save Settings</button><br>
<button type="button" onclick="SaveSettings(); HideSettings(); return false;">Save and Close</button>
</form>
</div>
</body>
</html>