HTML & Javascript - Simple English-French Dictionary -


please bear utter lack of programming knowledge. goal publish simple , basic english-french dictionary run entirely locally. have capable of processing user input find corresponding meaning, usage , etymology, among few hundreds of entries.

here partly successful attempt only returns meaning:

<!doctype html> <html>     <head>         <meta charset="utf-8">         <link rel="stylesheet" type="text/css" href="style.css">         <title>english-french dictionary</title>     </head>     <body>         <div id="result"></div>         <script>             if(typeof(storage)!=="undefined")             {                 localstorage.setitem('apple','pomme');             }             else             {                 document.getelementbyid("result").innerhtml="sorry, browser not support web storage...";             }              function myfunction()             {                 var entryval = document.getelementbyid("entryinput");                 var entryid = entryval.value;                 var entryresult = localstorage.getitem(entryid);                 document.getelementbyid("result").innerhtml="result: " + entryresult;             }         </script>         <noscript>sorry, browser not support javascript!</noscript>         <input id="entryinput" type="text">         <input type="button" value="search" onclick="myfunction()">     </body> </html>

thus, question how enable multiple results? , considering terrible programming level, there better yet simple way?

if able provide english word, translation french, meaning, use, , etymology, should able store in javascript. lookup when user types in.

for example, you'd have structure:

var words = {     "apple": {         translation: "pomme",         meaning: "fruit, red, sweet",         use: "for eating",         etymology: "from middle english appel"     },     "bowling": {         translation: "blah blah",         meaning: "sport",         use: "for recreation",         etymology: "some old sport"     } };

and myfunction perform lookup:

function myfunction() {     var entryval = document.getelementbyid("entryinput");     var entryid = entryval.value.tolowercase();     if (entryid in words) {         document.getelementbyid("result").innerhtml = "translation: " + words[entryid].translation;     } else {         document.getelementbyid("result").innerhtml = "not found";     } }

this assuming have ability generate structure of information (word, translation, meaning, use, etymology).

here's demo of mean: http://jsfiddle.net/qsqqt/1/

i'm not sure using localstorage in code, doesn't seem necessary.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more