main.py: add a word to textarea by highlighting it in the text.

1 files changed, 22 insertions, 8 deletions

diff --git a/app/main.py b/app/main.py
index b4fbee9..d6a59d6 100644
--- a/app/main.py
+++ b/app/main.py
@@ -222,7 +222,7 @@ def mainpage():
         page += '<p><b>%s</b></p>' % (get_random_ads())

         page += '<p>粘帖1篇文章 (English only)</p>'

         page += '<form method="post" action="/">'

-        page += ' <textarea name="content" rows="10" cols="80"></textarea><br/>'

+        page += ' <textarea name="content" rows="10" cols="120"></textarea><br/>'

         page += ' <input type="submit" value="get文章中的词频"/>'

         page += ' <input type="reset" value="清除"/>'

         page += '</form>'

@@ -288,19 +288,33 @@ def userpage(username):
         return page

     

     elif request.method == 'GET': # when we load a html page

-        page = '<meta charset="UTF8">'

-        page += '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />'

-        page += '<meta name="format-detection" content="telephone=no" />' # forbid treating numbers as cell numbers in smart phones

+        page = '<meta charset="UTF8">\n'

+        page += '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />\n'

+        page += '<meta name="format-detection" content="telephone=no" />\n' # forbid treating numbers as cell numbers in smart phones        

         page += '<p><b>English Pal for <font color="red">%s</font></b> <a href="/logout">登出</a></p>' % (username)

         page += '<p><a href="/%s">下一篇</a></p>' % (username)

         page += '<p><b>阅读文章并回答问题</b></p>\n'

-        page += '%s'  % (get_today_article(user_freq_record))

-        page += '<p><b>收集生词吧</b></p>'

+        page += '<div id="text-content">%s</div>'  % (get_today_article(user_freq_record))

+        page += '<p><b>收集生词吧</b> （可以在正文中划词，也可以复制黏贴）</p>'

         page += '<form method="post" action="/%s">' % (username)

-        page += ' <textarea name="content" rows="10" cols="80"></textarea><br/>'

+        page += ' <textarea name="content" id="selected-words" rows="10" cols="120"></textarea><br/>'

         page += ' <input type="submit" value="get 所有词的频率"/>'

         page += ' <input type="reset" value="清除"/>'

-        page += '</form>\n'        

+        page += '</form>\n'

+        page += ''' 

+                 <script>

+                   function getWord(){ 

+                       var word = window.getSelection?window.getSelection():document.selection.createRange().text;

+                       return word;

+                   }

+                   function fillinWord(){

+                       var element = document.getElementById("selected-words");

+                       element.value = element.value + " " + getWord();

+                   }

+                   document.getElementById("text-content").addEventListener("click", fillinWord, false);

+                 </script>

+                 '''

+        

         d = load_freq_history(user_freq_record)

         if len(d) > 0:

             page += '<p><b>我的生词簿</b></p>'