From: wordring <kouichi_pm@users.osdn.me>
Date: Thu, 27 Aug 2015 08:12:33 +0000 (+0900)
Subject: HTML修正♪
X-Git-Url: http://git.osdn.net/view?p=wordring-tm%2Fwordring-tm.git;a=commitdiff_plain;h=87903d96074a138f44e6cd20bd7792f6fe2a6170

HTML修正♪
---

diff --git a/proxy/index.html b/proxy/index.html
index 99d0c10..d36be48 100644
--- a/proxy/index.html
+++ b/proxy/index.html
@@ -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>
diff --git a/proxy/main.cpp b/proxy/main.cpp
index a539b9b..40eadf6 100644
--- a/proxy/main.cpp
+++ b/proxy/main.cpp
@@ -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");
diff --git a/proxy/tm.js b/proxy/tm.js
index 6400955..20ba3d6 100644
--- a/proxy/tm.js
+++ b/proxy/tm.js
@@ -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();
+	});
+}
+
+
diff --git a/proxy/tmhttp.cpp b/proxy/tmhttp.cpp
index 040d848..4074626 100644
--- a/proxy/tmhttp.cpp
+++ b/proxy/tmhttp.cpp
@@ -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();
 }