diff options
-rw-r--r-- | index.html | 4 | ||||
-rw-r--r-- | synhestesis.js | 56 |
2 files changed, 40 insertions, 20 deletions
@@ -38,6 +38,10 @@ <div class="fakefile">
<input type="button" value="Open" />
</div>
+ <select name="select" id="select">
+ <option value="hiragana_romaji.json">Hiragana</option>
+ <option value="katakana_romaji.json">Katakana</option>
+ </select>
</div>
</div>
<div id="output" style="margin-left:auto;margin-right:auto;width:300px;height:300px;">
diff --git a/synhestesis.js b/synhestesis.js index ef7a83e..c5e378b 100644 --- a/synhestesis.js +++ b/synhestesis.js @@ -16,28 +16,21 @@ outputAnswer = document.getElementById("output"); outputStyleBase = outputAnswer.style.cssText; compteurSpan = document.getElementById('compteur'); ratioSpan = document.getElementById('ratio'); +select = document.getElementById('select'); asPass = false -function handleFileSelect(evt) { - - var files = evt.target.files; // FileList object - var file = files[0]; - - var reader = new FileReader(); - - inputAnswer.style.float = "right"; - passButt.type = "button"; - passButt.style.float = "right"; - passButt.value = "Pass"; - resetButt.type = "button"; - resetButt.style.float = "right"; - resetButt.value = "Reset"; - - - - - reader.onload = function (evt) { - var last = JSON.parse(evt.target.result); +function selectChange(evt) { + var xmlHttp = new XMLHttpRequest(); + xmlHttp.onreadystatechange = function() { + if (xmlHttp.readyState == 4 && xmlHttp.status == 200) + loadFile(xmlHttp.responseText); + } + xmlHttp.open("GET", "http://ache.one/shared/synhestesis/" + select.selectedIndex, true); + xmlHttp.send(null); +} +function loadFile( str ) { + console.log( str ) + var last = JSON.parse(str); var res = [] var indexRes = 0; var cmpGood = 0; @@ -130,7 +123,30 @@ function handleFileSelect(evt) { compteurSpan.innerText = indexRes + "/" + res.answer.length; } +} + +function handleFileSelect(evt) { + + var files = evt.target.files; // FileList object + var file = files[0]; + + var reader = new FileReader(); + + inputAnswer.style.float = "right"; + passButt.type = "button"; + passButt.style.float = "right"; + passButt.value = "Pass"; + resetButt.type = "button"; + resetButt.style.float = "right"; + resetButt.value = "Reset"; + + + + + reader.onload = function (evt) { + loadFile( evt.target.result ) } reader.readAsText(file, "UTF-8"); } document.getElementById('getFile').addEventListener('change', handleFileSelect, false); +document.getElementById('select') .addEventListener ('change', selectChange, false); |