OSDN Git Service

HTML修正♪
authorwordring <kouichi_pm@users.osdn.me>
Thu, 27 Aug 2015 08:12:33 +0000 (17:12 +0900)
committerwordring <kouichi_pm@users.osdn.me>
Thu, 27 Aug 2015 08:12:33 +0000 (17:12 +0900)
proxy/index.html
proxy/main.cpp
proxy/tm.js
proxy/tmhttp.cpp

index 99d0c10..d36be48 100644 (file)
@@ -5,39 +5,13 @@
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
 <title>Wordring 翻訳メモリー</title>
 
-<script type="text/javascript">
-window.wordring = {
-       port: null,
-       prefix: '',
-       enter: function(ev) {
-               var url_form = document.forms['url_form'];
-               var url = url_form.url_input.value;
-               var r = /http:\/\/|https:\/\//i;
-               url = url.replace(r, '');
-               
-               url = 'http://' + document.location.host + window.wordring.prefix + url;
-               document.location = url;
-               
-               ev.preventDefault();
-               return false;
-       },
-};
-
-window.onload = function() {
-       document.forms['url_form'].onsubmit = window.wordring.enter;
-       var sqlite = document.getElementById('sqlite');
-       sqlite.href = 'http://' + document.location.host + window.wordring.prefix + 'www.sqlite.org/';
-       var qt = document.getElementById('qt');
-       qt.href = 'http://' + document.location.host + window.wordring.prefix + 'www.qt.io/';
-
-}
-</script>
 <style type="text/css">
 
 body {
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        color: #666666;
        padding: 1em 2em 2em 2em;
+       line-height: 1.3em;
 }
 
 a { color: #3b7960; }
@@ -48,13 +22,12 @@ img {
        max-width: 100%;
 }
 h1 {
-       
 }
 h2 {
        font-weight: 100;
        font-size: 1em;
        background-color: #bed2c3;
-       margin-top: 1em;
+       margin-top: 2em;
 }
 hr {
        height: 1px;
@@ -70,14 +43,14 @@ hr {
 <h1>Wordring 翻訳メモリー</h1>
 
 <h2>以下のフォームにURLを入力して移動できます</h2>
-<form name="url_form">
-Enter URL:<input type="text" name="url_input"><input type="submit" value="Enter">
+<form name="form">
+Enter URL:<input type="text" name="u"><input type="submit" value="Enter">
 </form>
 
 <h2>以下のサイトで試してみてください</h2>
 <ul>
-<li><a id="sqlite" href="http://www.sqlite.org/">www.sqlite.org</a></li>
-<li><a id="qt" href="http://doc.qt.io/">doc.qt.io</a></li>
+<li><a id="sqlite" href="/?u=www.sqlite.org">www.sqlite.org</a></li>
+<li><a id="qt" href="/?u=doc.qt.io">doc.qt.io</a></li>
 </ul>
 <p>
 リンクをクリックして移動してください。<br>
@@ -85,6 +58,18 @@ Enter URL:<input type="text" name="url_input"><input type="submit" value="Enter"
 (※いずれのサイトもサイトのデザインはオープンソースでありませんが、このプログラムは文章以外を共有しません。)
 </p>
 
+<h2>エラーが出る場合</h2>
+<p>
+ほとんどの場合、ブラウザがWebSocketに対応していないことが原因です。<br>
+主要なウェブ・ブラウザの最新版は、WebSocketに対応しています。
+最新版にアップデートしてください。
+</p>
+<p>
+解決できない問題は、
+<a href="https://osdn.jp/projects/wordring-tm/forums/32598/">掲示板</a>
+に書き込んで頂ければ対処できる場合があります。
+</p>
+
 <h2>その他</h2>
 <p>
 現在、機能検討用のアルファ版の状態です。<br>
index a539b9b..40eadf6 100644 (file)
@@ -76,7 +76,8 @@ int main(int argc, char *argv[])
        // SocketServer
        if(!settings.contains("SocketServer/port")) settings.setValue("SocketServer/port", 8081);
        // ProxyModule
-       if(!settings.contains("ProxyModule/prefix")) settings.setValue("ProxyModule/prefix", "/?");
+       //if(!settings.contains("ProxyModule/prefix"))
+               settings.setValue("ProxyModule/prefix", "/?u=");
        // ProxyHandler
 #ifdef QT_DEBUG
        settings.setValue("ProxyHandler/jscode", QString(PROXYSRCDIR) + "/tm.js");
index 6400955..20ba3d6 100644 (file)
@@ -1,7 +1,7 @@
 
 window.wordring = {
        socket: null, // TMとの通信用ソケット。
-       port: 0, // ソケットのポート番号。
+       port: 1, // ソケットのポート番号。
        url: '',
        edit_mode: false, // 編集モード判別フラグ。
        slanguage: '',
@@ -11,6 +11,7 @@ window.wordring = {
        
        // ページのセットアップを行う。
        setup: function() {
+               if(!window.WebSocket) alert('Your browser does not support websocket.\r\nBecause wordring-tm needs it, you must use the latest browser.');
                // 原文のコピーを取る。
                wordring.segments = Array();
                var elements = document.getElementsByTagName('span');
@@ -44,7 +45,7 @@ window.wordring = {
                
                wordring.socket.send(JSON.stringify({
                        'cmd': 'load',
-                       'url': window.wordring.url,
+                       'url': window.wordring.url
                }));
                
                // 全てのセグメントの対して、セグメントの情報を送信する。
@@ -55,7 +56,7 @@ window.wordring = {
                        wordring.socket.send(JSON.stringify({
                                'cmd': 'load_segment',
                                'segment_id': segment.segment_id,
-                               'html': segment.html,
+                               'html': segment.html
                        }));
                }
        },
@@ -75,18 +76,18 @@ window.wordring = {
        },
        
        onclose: function(ev) {
-               //alert('接続が閉じられました');
+               // alert('接続が閉じられました');
        },
        
        onfocus: function(ev) {
                wordring.socket.send(JSON.stringify({
-                       'cmd': 'focus',
+                       'cmd': 'focus'
                }));
        },
        
        onblur: function(e) {
                wordring.socket.send(JSON.stringify({
-                       'cmd': 'blur',
+                       'cmd': 'blur'
                }));
 
        },
@@ -103,7 +104,7 @@ window.wordring = {
                                if(segment.loaded) break;
                                wordring.socket.send(JSON.stringify({
                                        'cmd': 'edit_segment',
-                                       'segment_id': segment.segment_id,
+                                       'segment_id': segment.segment_id
                                }));
                                break;
                        }
@@ -124,9 +125,18 @@ window.wordring = {
                var segment = wordring.segments[segment_id];
                segment.loaded = true;
                segment.element.className = '';
-       },
+       }
 };
 
-window.addEventListener('load', function(ev){ 
-       wordring.setup();
-});
+if(document.addEventListener)
+{
+       window.addEventListener('load', function(ev){ 
+               wordring.setup();
+       });     
+} else {
+       window.attachEvent('onload', function(ev){ 
+               wordring.setup();
+       });
+}
+
+
index 040d848..4074626 100644 (file)
@@ -417,12 +417,14 @@ TM::DefaultHtmlHandler::DefaultHtmlHandler(
        // Tidyが書き込むmetaタグを除去
        head.remove(head.first("meta"));
 
+/*
        node = head.insert("script", head.end()).set_attribute("type", "text/javascript");
        QString js = "\nwindow.wordring.port=";
        js += QString::number(port) + ";\n";
        js += "window.wordring.prefix='";
        js += prefix + "';\n";
        node.insert_comment(js, node.end());
+*/
 
        m_html = document.to_byte_array();
 }