<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="../bower_components/jquery/dist/jquery.js"></script> <script src="../bower_components/underscore/underscore.js"></script> <script src="../js/lemmatizer.js"></script> <script type="text/javascript"> var lemmatizer = new Lemmatizer(); function escapeHTML(val) { return $('<div />').text(val).html(); }; function display_lemma(form, pos) { if (!form) { return; } var html = ''; _.each(lemmatizer.lemmas(form, pos), function(val) { html = html + "The base form of '" + escapeHTML(form) + "' is '" + escapeHTML(val[0]) + "' as " + escapeHTML(val[1]) + ".<br />"; }); $("#lem-result").html(html); } $(document).ready( function() { $("#search-lemma").click( function(){ var word = $("#word").val(); var pos = $("#pos").val(); display_lemma(word, pos); }); $('#lem-exc-button').click( function() { $('#lem-confirm').html( confirm_dic('exc') ); }); $('#lem-list-button').click( function() { // index data is much larger than exceptions data. $('#lem-confirm').html( confirm_dic('idx') ); }); }); // for debug to use like $('#lem-confirm').html( confirm_dic('exc') ) function confirm_dic(type) { var words = null; if (type == 'exc') { words = lemmatizer.exceptions; } else if (type == 'idx') { words = lemmatizer.wordlists; } var html = '*** ' + type + ' ***<br />'; var parts = ['verb', 'noun', 'adj', 'adv']; var len = parts.length; for (var i = 0; i < len; i++) { var pos = parts[i]; var pos_comment = '--- ' + pos + ' ---<br />'; var html = html + pos_comment; for (var w in words[pos]) { var item = w + ' -> ' + words[pos][w] + '<br />'; var html = html + item; } } return html; } </script> <form action=""> English word : <input id="word" type="text"><br /> Part of speech: <select id="pos"> <option value="">-----</option> <option value="verb">verb</option> <option value="noun">noun</option> <option value="adj">adjective</option> <option value="adv">adverb</option> </select> </form> <button id="search-lemma">Search Lemma</button> <br /><br /> *** Show base form here *** <div id="lem-result"></div> <!-- // Uncomment the following code to display dictionary data. // Be careful the dictionary data is large, so it might take a long time. --> <!-- <br /><br /> <button id="lem-exc-button">confirm all base form exceptions</button> <button id="lem-list-button">confirm all base form lists</button> <br /><br /> *** Show all lemma here *** <div id="lem-confirm"></div> <br /><br /> --> </body> </html>