Make JS script Mobile-responsive

Job ID: 30844700

Budget: $30 – $250 AUD

2 things to improve. See attached picture: task1.jpg, task2.jpg.

--------------
TASK 1:
---------------

To see how script should work, go to: astoundinginc.com/transliterate, and copy paste the word inside "IAST" textfield: jñānam

Notice how encoding changes for each textfield.

So basically, add one more encoding (per task1.jpg). Template is inside file: slp-encoding.txt.

--------------
TASK 2:
---------------

When window width is less then 600px, then it should change into vertical arrangement (per task2.jpg).

---------
TEST:
---------

When finished, again enter word "jñānam" inside 'IAST' textfield. All other textfields should be auto filled in.

Inside 'SLP', it should say: jYAnam
Related categories: JavaScript CSS HTML5 HTML jQuery / Prototype